html - 输入类型日期最小值和最大值根据 yyyy-mm-dd 而不是 dd-mm-yyyy 验证

Question

我在 HTML5 中使用日期输入类型。它以 dd-MM-yyyy 格式正确显示。但是，最小值和最大值无法正确验证，因为它根据格式 yyyy-MM-dd 进行验证。我无法更改最小值和最大值验证的格式，有什么想法吗？

<input type="date" name="DateName" id="DateID" min="2000-01-01" max="2100-12-31"/>

Answer 1

属性value,min和max具有相同的日期格式。它们遵循RFC 3339，其中完整的数据语法如下：

full-date       = date-fullyear "-" date-month "-" date-mday
date-fullyear   = 4DIGIT
date-month      = 2DIGIT  (01-12)
date-mday       = 2DIGIT  (01-28, 01-29, 01-30, 01-31)

因此，即使浏览器在dd-mm-yyyy内部以格式向您显示日期，它也使用这种语法。

无论如何，这种 HTML5 输入类型仅在 Safari、Chrome 和 Opera 中受支持。

您可以尝试使用无效日期为 2014 年 12 月 12 日的Fiddle，当您提交表单时会显示错误消息。