在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 datepicker，我希望最大日期为 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">

Answer 2

这里有一个解决方案https://jsfiddle.net/5pct45bt/

$( "#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">

您也可以使用+1D 添加 1 天加today。

希望这会对你有所帮助。