用於格式化輸入框的HTML5模式採用日期mm/dd/yyyy？

Question

我用jQuery datepicker，我想限制我的輸入字段與HTML5模式，如果用戶，而不是從jQ​​uery datepicker獲取日期，鍵入日期。

如何限制我的用戶使用HTML5模式，以便他們只需以mm/dd/yyyy的形式鍵入日期？

Answer 1

最簡單方法是使用只讀屬性，以防止用戶直接輸入：

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

Answer 2

我用這個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 /> 

Answer 3

圖案= 「[0-9] {1,2}/[0-9] {1,2}/[0-9] {4}」

這是圖案在HTML5中輸入文本框的日期。
第一個[0-9] {1,2}將只取最小值1和最大值2的十進制數。
和其他類似。

Answer 4

嘗試使用：

pattern="(0?[1-9]|[12][0-9]|3[01])/(0?[1-9]|1[012])/\d{4}"