HTML5日期输入6位数年份

Question

<input />我的表格上有一个标准控件,装饰着type="date"

渲染时,它会显示正确的水印yyyy-mm-dd,您可以正确选择日期.
但是,当您尝试键入值时,年份将扩展为6位数,而不是4位数.我添加了截图以帮助演示我遇到的问题.

还有其他人得到这个吗？我使用Chrome(版本35.0.1916.153 m)作为我的默认浏览器.
我想要一种方法来强制一个不涉及额外JS的4年输入.

Answer 1

据我所知,max属性正常工作......

max的格式是trickey,如果你输入正确的格式,一切都会正常工作....

看这里举个例子:

http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_max_min_date

Answer 2

有点老了，但为了后代......

使用max属性消除了这个问题。

<input type="date" max="2999-12-31">

笔：https : //codepen.io/iHearRobots/pen/OQVzLZ

Answer 3

它会让你输入更大的一年.它没有设计带盖,所以允许超过9999年.不知道为什么.(注意,即使使用该max属性,它似乎也不会限制它.[编辑] ..它可能不允许用户在输入更大的数字后实际提交.)

如果要完全限制它,则需要使用JavaScript解决方案.

见前一个帖子

Answer 4

使用max属性可解决此问题，例如：

<input type="date" max="1979-12-31">