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（及更低版本）不支持此功能。