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

Question

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

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

我知道我可以使用最小值和最大值来限制可用时间段，但是在这里，我想在中间屏蔽几天。我可以用纯HTML日期选择器吗？如果可以，怎么办？

Answer 1

您不能：HTML5 date输入仅接受上下限来指示允许的日期范围：您不能专门选择用户禁用/无法选择的某些日期。

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

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