HTML5格式化输入框以获取日期mm/dd/yyyy的模式？
HTML5格式化输入框以获取日期mm/dd/yyyy的模式？
提问于 2013-06-13 14:55:23
我使用了jQuery日期选择器，如果用户输入日期而不是从jQuery日期选择器获取日期，我想用HTML5模式限制我的输入字段。
如何使用HTML5模式限制我的用户，使他们只需在表单mm/dd/yyyy中键入日期
回答 5
Stack Overflow用户
回答已采纳
发布于 2013-06-13 15:02:36
最简单的方法是使用只读属性来防止用户直接输入：
<input class="datepicker" type="text" name="date" value="" readonly />或者，您可以使用基于模式属性的HTML5验证。日期输入模式(dd/mm/yyyy或mm/dd/yyyy)：
<input type="text" pattern="\d{1,2}/\d{1,2}/\d{4}" class="datepicker" name="date" value="" />Stack Overflow用户
发布于 2014-11-22 09:30:24
我使用这个website，这个模式也做了闰年验证。
<input type="text" pattern="(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))" required />Stack Overflow用户
发布于 2019-03-20 20:36:24
下面的模式在闰年和正常日期的情况下都很好用。日期格式为: YYYY-MM-DD
<input type="text" placeholder="YYYY-MM-DD" pattern="(?:19|20)(?:(?:[13579][26]|[02468][048])-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))|(?:[0-9]{2}-(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:29|30))|(?:(?:0[13578]|1[02])-31)))" class="form-control " name="eventDate" id="" required autofocus autocomplete="nope">我从http://html5pattern.com/Dates那里得到了这个解决方案。希望这能帮助到一些人。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17080963
复制相关文章
相似问题