javascript - 在 jQuery datetimepicker 中禁用特定日期之后的所有日期

Question

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

<link data-require="jqueryui@*" data-semver="1.10.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css" />

<script data-require="jqueryui@*" data-semver="1.10.0" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js"></script>
<p>Date: <input type="text" id="datepicker" /></p>

我有一个 jquery 日期选择器，我希望最大日期为 2017 年 9 月 29 日。现在，这是今天的约会。任何帮助将不胜感激。

谢谢。

Answer 1

这会起作用

$(function() {
  $("#datepicker").datepicker({
    maxDate: new Date(2017, 8, 29)  //you can provide any future date here
  });
});

例子:-

$( "#datepicker" ).datepicker({
  maxDate: new Date(2017, 8, 29)
});

<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<input type="text" id="datepicker">