将日期的输入限制在javascript中的特定范围内答案

【问题标题】：limited the input of date to specific range in javascript将日期的输入限制在javascript中的特定范围内
【发布时间】：2021-06-17 09:22:05
【问题描述】：

我有一个不同日期的列表，格式为 YYYYMMDD。我有一个输入字段类型日期如下，HTML 和 Javascript。我使用了 Jquery datePicker 的方法，但我还没有找到解决方案。我更喜欢使用标准的 HTML 和 Javascript。

<input type="date" id="selDate" placeholder="e.g. 20180925">

我的问题是我想更新这个输入日期日历并根据给定的不同日期突出显示多天，以便用户可以在给定的日期列表中选择日期。

因此，根据以下日期示例，用户应该只能获取这些日期。

20180510 20161209

谢谢

【问题讨论】：

标签： javascript html date input calendar

【解决方案1】：

您可以使用 min、max 参数来限制可选择的日期范围：

&lt;input type="date" id="selectedDate" min="2016-12-09" max="2018-05-10"&gt;

您也可以用列表“替换”日期选择器：

<input type="date" id="selectedDate" name="date" list="datesList">

<datalist id="datesList">
    <option label="Day one">2016-12-09</option>
    <option label="Day two">2018-05-10</option>
</datalist>

【讨论】：

感谢 Piotr 提供的想法，但我真正想要的是，当用户单击日历图标时，他们只会看到基于给定列表的可选日期，而其他日子应该灰色是不可选择的，所以用户将不能点击它们。谢谢。