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

javascript jquery datepicker jquery-ui-datepicker

1121 观看

3回复

112 作者的声誉

$(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日。现在是今天。任何帮助,将不胜感激。

谢谢。

作者: soverflow77 的来源 发布者: 2017 年 9 月 15 日

回应 3


1

2166 作者的声誉

这会工作

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

作者: Souvik Ghosh 发布者: 2017 年 9 月 15 日

0

9709 作者的声誉

在这里您可以找到解决方案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用于添加1day plus today

希望这会帮助你。

作者: Shiladitya 发布者: 2017 年 9 月 15 日

1

1307 作者的声誉

决定

$(function() {
  $("#datepicker").datepicker({
    maxDate: '09/29/2017'
  });
});
<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>

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

作者: anu 发布者: 2017 年 9 月 15 日
32x32