bootstrap-datetimepicker 时间段设置-起始时间和结束时间只能在一个月范围内选择

最新推荐文章于 2024-07-19 17:53:35 发布

shenlong0416

最新推荐文章于 2024-07-19 17:53:35 发布

阅读量1.2k

点赞数

文章标签： bootstrap 前端 html

本文链接：https://blog.csdn.net/shenlong0416/article/details/128930886

版权

$(‘#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);
});