javascript - 限制日期选择器(从今天开始)- HTML

Question

我一直在这个页面(以及其他论坛)上四处寻找答案，以将日期选择器限制为从用户访问该页面之日起 14 天。日期选择器内置了“今天日期”的选项，它是自动配置的，并将日期选项设置为今天的 DD/MM/YY，所以我认为这是可以实现的。我的目标是从“今天”起 14 天后的每个日期都显示为灰色且不可选择。我可以进一步开发此功能，以便也可以选择“今天”之前的任何日期，但目前实现“今天”之后 14 天的限制就很好了。

我熟悉最大日期和最小日期，它们需要精确的 DD/MM/YY 格式设置列出的日期之间的界限。我需要类似“最大日期:今天 + 14”的内容

Answer 1

I require something like 'max-date: today + 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" />