HTML5日期输入6位数年份

时间:2014-07-07 06:03:31

标签: html5 date

我的表单上有一个标准的<input />控件,用type="date"

修饰

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

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

Date Control

Control Source

4 个答案:

答案 0 :(得分:12)

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

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

见这里例如:

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

答案 1 :(得分:6)

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

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

See this previous thread

答案 2 :(得分:4)

使用-i属性可解决此问题,例如:-

max

答案 3 :(得分:2)

有点老了,但后人......

使用max属性消除了此问题。

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

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