HTML5 шаблон для форматирования поля ввода для ввода даты mm/dd/yyyy?

Я использовал jQuery datepicker, и я хочу ограничить свое поле ввода шаблоном HTML5, если пользователь, вместо того, чтобы получать дату из jQuery datepicker, вводит дату.

Как я могу ограничить своих пользователей шаблоном HTML5, чтобы они могли просто ввести дату в форме mm/dd/yyyy?

Ответ 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="" />

Ответ 2

Я использую этот сайт, и этот шаблон также проверяет год назад.

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

Ответ 3

паттерн = "[0-9] {1,2}/[0-9] {1,2}/[0-9] {4}"

Это шаблон для ввода даты для текстового поля в HTML5.
Первый из [0-9] {1,2} будет принимать только десятичное число минимум 1 и максимум 2.
И другое подобное.

Ответ 4

Попробуйте использовать:

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