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

Question

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

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

谢谢。

Answer 1

这将有效

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

例如： -

＆＃13;

＆＃13;

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

＆＃13;

<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">

＆＃13;

＆＃13;

＆＃13;

Answer 2

＆＃13;

＆＃13;

$(function() {
  $("#datepicker").datepicker({
    maxDate: '09/29/2017'
  });
});

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

您可以使用maxDate: new Date(2017, 8, 29)或maxDate: '09/29/2017'

Answer 3

您可以使用解决方案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。

希望这会对你有所帮助。