我一直在此頁面（以及其他論壇）上四處尋找將日期選擇器限制為用戶訪問頁面之日起 14 天的答案。內置在日期選擇器中的是“今天日期”選項，它是自動配置的，并將日期選項設定為今天的 DD/MM/YY，所以我認為這可以實作。我的目標是從“今天”開始 14 天后的每個日期都顯示為灰色且不可選擇。我可以進一步開發它，以便也不能選擇“今天”之前的日期，但是現在達到“今天”之后 14 天的限制會很好。
我熟悉 max-date 和 min-date ，它們需要在列出的日期之間設定精確的 DD/MM/YY 格式設定邊界。我需要類似“最大日期：今天 14”的內容
uj5u.com熱心網友回復：
我需要類似“最大日期：今天 14”的內容
這基本上就是您的答案，即“將 max 屬性設定為today 14，將 min 屬性設定為today”。在 JavaScript 中相當簡單：
const datePicker = document.getElementById("date-picker");
datePicker.min = getDate();
datePicker.max = getDate(14);
// Borrowed from https://stackoverflow.com/a/29774197/7290573
function getDate(days) {
let date;
if (days !== undefined) {
date = new Date(Date.now() days * 24 * 60 * 60 * 1000);
} else {
date = new Date();
}
const offset = date.getTimezoneOffset();
date = new Date(date.getTime() - (offset*60*1000));
return date.toISOString().split("T")[0];
}<input id="date-picker" type="date" autocomplete="off" />轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/451459.html
標籤：javascript html 日期 约会时间 日期选择器
下一篇：js取最近n個月的天數