首页 > 代码库 > bootstrap-datetimepicker时间控件的使用
bootstrap-datetimepicker时间控件的使用
官方文档:http://www.bootcss.com/p/bootstrap-datetimepicker/demo.htm
常规使用:
<div class="input-group date form_datetime" id="sform"> <input class="form-control data-form-start" type="text" placeholder="开始时间" name="start_time" id="start_time" readonly="true" value="" /> <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> </div> <div class="input-group date form_datetime" id="eform"> <input class="form-control data-form-start" type="text" placeholder="结束时间" name="end_time" id="end_time" readonly="true" value="" /> <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> </div>
$(".form_datetime").datetimepicker({ format:‘yyyy/mm/dd‘, language:‘zh-CN‘, minView: "month", todayBtn: 1, autoclose: 1, })
开始时间,结束时间的使用:
注意:开始时间必须小于结束时间,结束时间必须大于开始时间
$("#sform").datetimepicker({ format:‘yyyy/mm/dd‘, language:‘zh-CN‘, minView: "month", todayBtn: 1, autoclose: 1, }).on(‘show‘, function (ev) {//在控件显示时就触发事件 var etime = $("#end_time").val();//获取结束时间 $("#sform").datetimepicker(‘setEndDate‘, etime);//给开始控件设置一个结束的日期。 }); $("#eform").datetimepicker({ format:‘yyyy/mm/dd‘, language:‘zh-CN‘, minView: "month", todayBtn: 1, autoclose: 1, }).on(‘show‘, function (ev) { var stime = $("#start_time").val(); $("#eform").datetimepicker(‘setStartDate‘, stime);//给结束控件设置一个开始日期 });
参考文档:http://blog.csdn.net/gwpjava/article/details/48542121
http://www.bootcss.com/p/bootstrap-datetimepicker/demo.htm
bootstrap-datetimepicker时间控件的使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。