HTML5 - Datepicker отключить прошлые даты без jQuery

Question

Как отключить прошлые даты в средстве выбора даты только с использованием HTML?

Пример. Предположим, что сегодня 2000/12/21, так должен выглядеть механизм выбора даты.

Answer 1

HTML5 поддерживает атрибуты min и max.

Поэкспериментируйте с приведенным ниже примером, и вы поймете, как он работает!

  Enter a date before 2000-12-21:
  <input type="date" name="example1" max="2000-12-20"><br>

  Enter a date after 2000-12-21:
  <input type="date" name="example2" min="2000-12-22"><br>

Просто используйте PHP, чтобы автоматически обновить указатель даты до текущей даты:

<input type="date" name="example3" min="<?= date('Y-m-d') ?>">

ПРИМЕЧАНИЕ. Internet Explorer 9 (и ниже) не поддерживает эту функцию.