29

jQuery datepicker を使用しましたが、ユーザーが jQuery datepicker から日付を取得する代わりに日付を入力する場合、入力フィールドを HTML5 パターンで制限したいと考えています。

ユーザーがフォームに日付を入力するだけで済むように、HTML5 パターンを使用してユーザーを制限するにはどうすればよいmm/dd/yyyyですか?

4

7 に答える 7

66

最も簡単な方法は、直接のユーザー入力を防ぐために読み取り専用属性を使用することです。

 <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="" />
于 2013-06-13T07:02:36.363 に答える
22

私はこのウェブサイトを使用しており、このパターンはうるう年の検証も行います。

<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 />
于 2014-11-22T01:30:23.877 に答える