bootstrap-datetimepicker 时间段设置

起始时间和结束时间只能在一个月范围内选择

~

$('#dateFrom').datetimepicker({  
    language:'zh-CN',
    format: 'yyyy-mm-dd',//显示格式
    todayHighlight: 1,//今天高亮
    minView: 2,//设置只显示到月份
    startView:2,
    autoclose: true,//选择后自动关闭
    clearBtn:true,//清除按钮
    endDate : new Date()
}).on('changeDate',function(e){
    var startTime = e.date;
    $('#dateTo').datetimepicker('setStartDate',startTime);
    startTime.setMonth(startTime.getMonth()+1);
    $('#dateTo').datetimepicker('setEndDate',startTime);
});
//结束时间:  
 $('#dateTo').datetimepicker({
    language:'zh-CN',
    format: 'yyyy-mm-dd',
    minView: 2,
    startView:2,
    autoclose: true,
    clearBtn:true
}).on('changeDate',function(e){
    var endTime = e.date;  
    $('#dateFrom').datetimepicker('setEndDate',endTime);
    endTime.setMonth(endTime.getMonth()-1);
    $('#dateFrom').datetimepicker('setStartDate',endTime);
}); 

猜你喜欢

转载自www.cnblogs.com/heimuya/p/8990424.html