在 jQuery UI Datepicker 中禁用未来日期

Posted 2023-02-25

【中文标题】在 jQuery UI Datepicker 中禁用未来日期

【英文标题】：Disable future dates in jQuery UI Datepicker

【发布时间】：2011-04-29 12:03:11

【问题描述】：

是否可以禁用从今天开始的未来日期？

假设今天是 2010 年 10 月 23 日，因此 2010 年 10 月 24 日以后将被禁用。

对不起，我是 jQuery 和 javascript 的新手。

【参考方案1】：

是的，确实如此。 datepicker 具有 maxdate 属性，您可以在初始化它时设置它。

这是密码

$("#datepicker").datepicker( maxDate: new Date, minDate: new Date(2007, 6, 12) );

【讨论】：

请记住，在设置 javascript 的 Date 对象时，请使用第 1 个月。所以，Jan 是 0，Dec 是 11。这只是让我忘记了几分钟。

【参考方案2】：

$(function()  $("#datepicker").datepicker(  maxDate: '0'); );

【讨论】：

我们也可以不使用单引号，例如：maxDate: 0

不错。我需要这个作为死亡日期。最终用户不断预测人们的死亡。

【参考方案3】：

试试这个：

$('#datepicker').datepicker(
    endDate: new Date()
);

它将禁用未来的日期。

【讨论】：

endDate 有效，maxDate 对我不起作用，谢谢@pankaj

【参考方案4】：

仅用于禁用今天日期的未来日期代码。

 var d = new Date();
         $("#delivdate").datepicker(
         showOn: "button",
         buttonImage: base_url+"images/cal.png",
         minDate:new Date(d.setDate(d.getDate() + 1)),
         buttonImageOnly: true
        );
         $('.ui-datepicker-trigger').attr('title',''); 

【讨论】：

欢迎来到 Stack Overflow！除非非常重要，否则请避免使用大写字母和粗体字。

【参考方案5】：

未来1年的日期可以通过

$('.date').datepicker(dateFormat: 'yy-mm-dd', minDate:(0), maxDate:(365));

你也可以通过参数dateFormat改变日期格式

【讨论】：

link 可以访问进一步的 datepicker 参数。

【参考方案6】：

您可以使用以下内容。

$("#selector").datepicker(
    maxDate: 0
);

【参考方案7】：

http://stefangabos.ro/jquery/zebra-datepicker

使用斑马日期选择器：

$('#select_month1').Zebra_DatePicker(
  direction: false,
  format: 'Y-m-d',
  pair: $('#select_month2')
);

$('#select_month2').Zebra_DatePicker(
  direction: 1, format: 'Y-m-d',
);

【参考方案8】：

是的，日期选择器支持最大日期属性。

 $("#datepickeraddcustomer").datepicker(  
             dateFormat: "yy-mm-dd",  
             maxDate: new Date()  
        );

【讨论】：

您的答案与当前接受的答案有何不同？

【参考方案9】：

$('#thedate,#dateid').datepicker(
     changeMonth:true,
         changeYear:true,
         yearRange:"-100:+0",
         dateFormat:"dd/mm/yy" ,
         maxDate: '0',
     );
);