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 格式向您显示日期，它也在使用这种语法。

无论如何，只有 Safari、Chrome 和 Opera 支持这种 HTML5 输入类型。

你可以试试这个Fiddle无效日期为 12/12/2014，当您提交表单时会显示一条错误消息。