簡體   English   中英

datepicker 禁用期貨日期

[英]datepicker disable futures dates

我想使用 datapicker 禁用未來日期(從后天開始),但它不起作用。 我嘗試了 3 種解決方案:

  maxDate: 0

 maxDate: '0'

  maxDate: new Date();

他們都沒有工作。 有誰知道為什么不呢? 這是我的代碼:

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

我假設您正在使用bootstrap-datepicker 如果是這種情況,您應該使用endDate ,而不是maxDate

如果您使用其他腳本,將此信息添加到您的問題會很有幫助。

使用 jQuery 3.3.1 和 jQuery UI 1.12.1,這可以正常工作:

<p>Date: <input type="text" id="datepicker"></p>
$('#datepicker').datepicker({
  maxDate: new Date()
});

JS小提琴演示

如果您使用的是 jQuery UI,請考慮:

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

最大可選日期。 當設置為 null 時,沒有最大值。

支持多種類型:

  • Date :包含最大日期的日期對象。
  • 數量:從今天起的天數。 例如, 2代表從今天起兩天, -1代表昨天。
  • String : dateFormat選項定義的格式的字符串,或相對日期。 相對日期必須包含值和周期對; 有效時間段是"y"表示年, "m"表示月, "w"表示周, "d"表示天。 例如, "+1m +7d"表示從今天算起一個月"+1m +7d"七天。

我會嘗試以下方法:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM