用于格式化输入框以采用日期 mm/dd/yyyy 的 HTML5 模式？

Question

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

如何使用 HTML5 模式限制我的用户，以便他们只能以 mm/dd/yyyy 格式输入日期？

Answer 1

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

 <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="" />