Ограничение диапазона дат в HTML 5

У меня есть поле ввода с типом даты

<input type="date" id="datepick" name="mybirthday" placeholder="Birthdate(MM/DD/YYYY)" />

Здесь я хочу ограничить диапазон дат, который пользователь может выбрать. Чтобы быть более конкретным, я не хочу, чтобы пользователь выбирал дату рождения, такую ​​как 22/08/2015. Как я могу это сделать?

Ответы

Ответ 1

Используйте атрибуты min и max:

<label>Enter a date before 1989-10-30:</label>
<input type="date" name="myDate" max="1989-10-29">

<label>Enter a date after 2001-01-01:</label>
<input type="date" name="myDate" min="2001-01-02">

Ответ 2

Я не уверен в этом, но я помню, где-то читал, что датапикеры HTML5 основаны на локали браузера и могут не дать вам желаемого результата во всех браузерах ваших посетителей. Например. в США формат даты MM/dd/yyyy, тогда как в Великобритании это dd/MM/yyyy.

Я не хотел разбираться со всем этим или оставлять его к удаче, поэтому я закончил использовать jQueryUI datepicker.. Многие события уже доступны для вас там...