bootstrap datetimepicker有几个版本,部分属性的名称不一样。比如说之前用过一版设置开始时间属性是minDate,结束时间是maxDate。还有一版开始时间:startDate,结束时间endDate。现在大部分网上下载的应该都是后者。
datetimepicker1是开始时间,datetimepicker2是结束时间。
var picker1 = $('#datetimepicker1').datetimepicker({
format: 'yyyy-mm-dd hh:ii',
startDate:newDate()//此处先设一个最小时间,newDate是自己写的方法,是今天
});
var picker2 = $('#datetimepicker2').datetimepicker({
format: 'yyyy-mm-dd hh:ii',
startDate:newDate()
});
动态设置datetimepicker2的最小值, 不能小于datetimepicker1
picker1.on('changeDate', function (e) {
$('#datetimepicker2').datetimepicker('setStartDate',e.date);
});
动态设置datetimepicker1的最大值 ,不能大于datetimepicker2
picker2.on('changeDate', function (e) {
$('#datetimepicker1').datetimepicker('setEndDate',e.date);
});
完整教程地址:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm
网友评论