HTML5 时间和日期选择输入表单元素

Question

HTML5 定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历，供用户选择，目前只有 Chrome 和 Opera 提供下拉式日历支持，其它浏览器仍是一个普通文本框，火狐对支持部分 type 的设置。

日期控件 - date

<input type="date" value="2015-09-24"/>

时间控件 - time

<input type="time" value="13:59"/>
<input type="time" value="13:59:59"/>

日期时间控件 - datetime-local

<input type="datetime-local" value="2015-09-24T13:59:59"/>

月控件 - month

<input type="month" value="2015-09"/>

周控件- week

<input type="week" value="2015-W02"/>

时间区间

日期时间控件也支持min和max属性，表示可设置的最小和最大时间

<input type="date" value="2015-09-24" min="2015-09-16" max="2015-09-26"/>

在线预览：https://www.wenjiangs.com/wp-content/uploads/2021/02/date-time-select.html