其他分享
首页 > 其他分享> > HTML5日期输入6位数年份

HTML5日期输入6位数年份

作者:互联网

概述

我有一个标准的< input />控制我的表单,用type =“date” 渲染时,显示yyyy-mm-dd的正确水印,您可以正确选择日期. 但是,当您尝试输入值时,年份将扩展为6位数,而不是四位数.我已经添加了截图来帮助展示我遇到的问题. 有其他人得到这个吗我使用Chrome(版本35.0.1916.153 m)作为我的默认浏览器. 我想要一种强制4年的输入法,不需要额外的JS. 最大属性是工作
 

我有一个标准的< input />控制我的表单,用type =“date”

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

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

解决方法

最大属性是工作,据我所知…

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

看这里例如:

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

总结

以上是编程之家为你收集整理的HTML5日期输入6位数年份全部内容,希望文章能够帮你解决HTML5日期输入6位数年份所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
 

<!DOCTYPE html>
<html>
<body>

<form action="/action_page.php">
  Enter a date before 1980-01-01:
  <input type="date" name="bday" max="1979-12-31"><br>
  Enter a date after 2000-01-01:
  <input type="date" name="bday" min="1970-01-02" max="2030-12-31"><br>
  <input type="submit" value="Send"> 
</form>

</body>
</html>

标签:01,年份,HTML5,date,input,位数
来源: https://blog.csdn.net/az44yao/article/details/123179374