bootstrap-datetimepicker 时间段设置

最新推荐文章于 2025-05-28 16:08:26 发布

weixin_30516243

最新推荐文章于 2025-05-28 16:08:26 发布

阅读量569

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/heimuya/p/8990424.html

本文介绍了一个日期选择器的实现方式，该选择器限制了起始时间和结束时间的选择范围为一个月内，并提供了具体的JavaScript代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

下单日期： ~

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