如何用于格式化输入框的HTML5模式采用日期mm / dd / yyyy?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (197)

我使用jQuery datepicker,如果用户不使用jQuery datepicker获取日期,而是输入日期,我想用HTML5模式限制输入字段。

如何限制我的用户使用HTML5模式,以便他们只需在表单中输入日期mm/dd/yyyy

提问于
用户回答回答于

最简单的方法是使用只读属性来防止直接用户输入:

 <input class="datepicker" type="text" name="date" value="" readonly />

或者你可以使用基于模式属性的HTML5验证。日期输入模式(日/月/年或月/日/年):

<input type="text" pattern="\d{1,2}/\d{1,2}/\d{4}" class="datepicker" name="date" value="" />
用户回答回答于
<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 />

扫码关注云+社区

领取腾讯云代金券