如何仅禁用 html5 datepicker 上的选定日期？

Question

如何在 HTML 日期选择器上禁用几个日期（例如：一周）？我有一个这样的输入项

<input type="date" id="date01" name="date01" max="2019-12-30">

我知道我可以使用最小值和最大值来限制可用时间段，但在这里，我想在中间留出几天。我可以用普通的 html 日期选择器来做到这一点吗？如果有，怎么做？

Answer 1

您不能：HTML5 date 输入只接受一个下限和上限来指示允许的日期范围：您不能专门选择对用户禁用/不可选择的某些日期。

您的方法有两种解决方案：

• 结合使用客户端和服务器端验证，让用户知道某些日期是不允许的。这样做的代价是当原生日期选择器显示在浏览器中时，用户不知道哪些日期是不允许的。
• 或者，您可以使用允许禁用特定日期的第三方库。