html - 从 html5 日期选择器中禁用某些日期

Question

是否可以在我使用时禁用日期 我想禁用一种情况下的当前日期和其他情况下的 future 日期。 我应该如何禁用日期？

Answer 1

You can add a min or max attribute to the input type=date .日期必须采用 ISO 格式 (yyyy-mm-dd)。许多移动浏览器和当前版本的 Chrome 都支持此功能，但用户可以在不使用日期选择器的情况下手动输入无效日期。

<input name="somedate" type="date" min="2013-12-25">

min 和 max 属性必须是一个完整的日期；无法指定“今天”或“+0”。为此，您需要使用 JavaScript 或服务器端语言:

var today = new Date().toISOString().split('T')[0];
document.getElementsByName("somedate")[0].setAttribute('min', today);

http://jsfiddle.net/mblase75/kz7d2/

只排除今天，同时允许过去或 future 的日期，不是这里的选项。但是，如果您的意思是希望明天成为 min 日期(删除今天和所有过去的日期)，请参阅 this question将 today 增加一天。

与涉及 HTML 表单的所有其他情况一样，无论您如何在客户端限制它，您都应该始终在服务器端验证字段。