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);
}); 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM