datetimepicker用法总结-设置控件只能选择一个月之内的日期

最新推荐文章于 2025-06-23 15:29:44 发布

原创最新推荐文章于 2025-06-23 15:29:44 发布 · 2w 阅读

20 ·

CC 4.0 BY-SA版权

文章标签：

#控件 #技术

技术专栏收录该内容

28 篇文章

订阅专栏

本文分享了一种使用DateTimePicker实现特定时间范围选择的方法，即开始时间限制为当前时间前一个月，结束时间不能超过当前时间。同时介绍了DateTimePicker的一些关键配置选项。

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

最近写代码遇到一个需求，时间控件开始时间只能选择当前时间之前的一个月的，截止时间不能超过当前时间，搞了好久

今天天贴出来跟大家分享，顺便总结一下datetimepicker的用法，主要注意startDate属性

$("#startDate").datetimepicker({
        language:  'zh-CN',
        format: "yyyy-mm-dd",
        autoclose: true,
        minView: "month",
        maxView: "decade",
        todayBtn: true,
        pickerPosition: "bottom-left",
        startDate:new Date(new Date()-1000 * 60 * 60 * 24 * 30),
        endDate : new Date()
    }).on("click",function(ev){
        $("#startDate").datetimepicker("setEndDate", $("#endDate").val());
    });
    
    $("#endDate").datetimepicker({
        language:  'zh-CN',
        format: "yyyy-mm-dd",
        autoclose: true,
        minView: "month",
        todayBtn: true,
        pickerPosition: "bottom-left",
        startDate:new Date(new Date()-1000 * 60 * 60 * 24 * 30),
        endDate : new Date()
    }).on("click", function (ev) { 
        $("#endDate").datetimepicker("setStartDate", $("#startDate").val());
    });