如何在日期选择器中禁用上一个日期

Posted 2023-05-07

【中文标题】如何在日期选择器中禁用上一个日期

【英文标题】：How to disable previous date in datepicker

【发布时间】：2017-09-06 22:42:14

【问题描述】：

在下面的代码中，我使用太平洋/奥克兰的时区，按照他们今天的时区，即 2017 年 4 月 11 日完成，现在他们的日期是 2017 年 4 月 12 日，但在我的日期选择器中，4 月 11 日没有被禁用。我需要禁用上一个日期，即 2017 年 4 月 11 日。

这是我的日期选择器代码

.datepicker(
               autoclose: true,
               todayHighlight: true,
               startDate: new Date().toLocaleString('en-NZ',  timeZone: 'Pacific/Auckland' )
             )

【问题讨论】：

jQuery Date Picker - disable past dates的可能重复

【参考方案1】：

您必须使用minDate 创建它：

.datepicker(
       autoclose: true,
       todayHighlight: true,
       minDate: // whatever you choose,
       startDate: new Date().setDate(new Date().getDate()-1).toLocaleString('en-NZ',  timeZone: 'Pacific/Auckland' )
     )

【讨论】：

它不工作，它也启用了以前的日期

@ArunRaju 问题可能是您输入日期的格式

我正在使用 mm/dd/yyyy

【参考方案2】：

您只需在 startDate 属性中从今天的日期(new Date()) 中减去一天即可做到这一点。

尝试在客户端从今天的日期减去一天；

.datepicker(
           autoclose: true,
           todayHighlight: true,
           startDate: new Date().setDate(new Date().getDate()-1).toLocaleString('en-NZ',  timeZone: 'Pacific/Auckland' )
         )

【讨论】：

确定不是浏览器缓存问题？

它也清理了浏览器缓存，直到它不起作用

我已经更新了我的答案，现在请检查。注意将“- 1”（减号）更改为“+ 1”（加号）

仍然无法正常工作，并且所有以前的日期也都启用了

【参考方案3】：

minDate 选项正是您所寻找的。​​p>

.datepicker(
       autoclose: true,
       todayHighlight: true,
       minDate: new Date().setDate(new Date().getDate()-1).toLocaleString('en-NZ',  timeZone: 'Pacific/Auckland' )
 )