javascript - datepicker 禁用期货日期

Question

我想使用 datapicker 禁用未来的日期（从后天开始），但它不起作用。我尝试了 3 个解决方案：

  maxDate: 0

和

 maxDate: '0'

和

  maxDate: new Date();

他们都没有工作。有谁知道为什么不？这是我的代码：

 $('#datepicker').datepicker({
   format: "dd-mm-yyyy",
   maxDate: 0
 });

Answer 1

我假设您正在使用bootstrap-datepicker。如果是这种情况，您应该使用endDate，而不是maxDate.

如果您使用的是另一个脚本，将此信息添加到您的问题中会很有帮助。

Answer 2

使用 jQuery 3.3.1 和 jQuery UI 1.12.1，这可以正常工作：

<p>Date: <input type="text" id="datepicker"></p>

$('#datepicker').datepicker({
  maxDate: new Date()
});

JS 小提琴演示

Answer 3

如果您使用的是 jQuery UI，请考虑：

http://api.jqueryui.com/datepicker/#option-maxDate

最大可选择日期。当设置为 null 时，没有最大值。

支持多种类型：

• Date：包含最大日期的日期对象。
• Number：从今天开始的天数。例如2代表从今天开始的两天和-1代表昨天。
• String : 由dateFormat选项定义的格式的字符串，或相对日期。相对日期必须包含值和周期对；有效期限"y"为年、"m"月、"w"周和"d"日。例如，"+1m +7d"表示从今天起 1 个月零 7 天。

我会尝试以下方法：

$(function() {
  $('#datepicker').datepicker({
    format: "dd-mm-yyyy",
    maxDate: 2
  });
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<p>Date: <input type="text" id="datepicker"></p>