如何從當前日期禁用引導日期選擇器以前的日期以及如何在 90 天日期之后限制或禁用日期選擇器

Question

我正在嘗試從當前日期禁用以前的日期，它工作正常。 但是當它在 90 天后嘗試禁用“日期選擇器”但它不起作用時，請你幫忙。 實際上，在這里我有兩個日期選擇器，例如 FROM Date 和 TO Date，但我無法在 90 天后禁用日期，我想只允許從當前日期開始的日期，僅在當前日期后的 90 天內啟用日期。

 <:DOCTYPE html> <html> <head> <link href="https.//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min:css" /> </head> <body> <label for="date">From:</label> <input id="date" data-provide="datepicker"> <label for="todate">To:</label> <input id="todate" data-provide="datepicker"> <script src="https.//code.jquery.com/jquery-3.6.0:js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script> <script src="https.//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min;js"> </script> <script> var date = new Date(). date.setDate(date;getDate()). $('#date'):datepicker({ startDate; date }); var todates = new Date(). todates.setDate(dates;getDate()+90D). $('#todate'):datepicker({ endtDate; todates }) </script> </body> </html>

Answer 1

如您所料，使用 output 結帳代碼段。 在datepicker中，您需要添加一些特定的格式化日期。 並使用它，我們根據要求禁用了不需要的日子。

在javascript日期中添加天數：

var todates = new Date();
todates.setDate(cur_date.getDate() + 90);

這里 90 是實際天數，您可以根據使用情況對其進行修改。

 var cur_date = new Date() var todaydate = cur_date.toISOString().split('T')[0] function formatDate(date) { var d = new Date(date), month = '' + (d.getMonth() + 1), day = '' + d.getDate(), year = d.getFullYear(); if (month.length < 2) month = '0' + month; if (day.length < 2) day = '0' + day; return [day, month, year].join('-'); } todaydate = formatDate(todaydate); $('#fromdate').datepicker({ beforeShowDay: function(date){ if (todaydate == formatDate(date)) { return { enabled: true } } else { return { enabled: false } } }, startDate: cur_date, endDate: cur_date, }); var todates = new Date(); todates.setDate(cur_date.getDate() + 90); $('#todate').datepicker({ startDate: cur_date, endDate: todates });

 .disabled { background: #ccc; pointer-events: none; }

 <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" /> <label for="fromdate">From:</label> <input id="fromdate" data-provide="datepicker"> <label for="todate">To:</label> <input id="todate" data-provide="datepicker"> <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"> </script>

如果你想添加更多這樣的功能，你可以在這里嘗試更多

如何從當前日期禁用引導日期選擇器以前的日期以及如何在 90 天日期之后限制或禁用日期選擇器

問題描述

1 個解決方案

解決方案1
0 2022-07-01 08:20:22

如何從當前日期禁用引導日期選擇器以前的日期以及如何在 90 天日期之后限制或禁用日期選擇器

問題描述

1 個解決方案

解決方案1 0 2022-07-01 08:20:22

解決方案1
0 2022-07-01 08:20:22