html5有日期文本框;只需要給input文本框添加type屬性,屬性值設置為date、time、datetime-local、month、week或datetime即可將普通輸入框轉為日期文本框。
本教程操作環境:windows7系統、HTML5版、Dell G3電腦。
html5有日期文本框。
HTML5定義了幾個與日期有關的新控件。支持日期控件的瀏覽器會提供一個方便的下拉式日歷,供用戶選擇。
只需要給input文本框添加type屬性,屬性值設置為date、time、datetime-local、month、week或datetime即可。
1、日期控件 – date
<input type="date" value=""/>
2、時間控件 – time
<input type="time" value="13:59"/> <input type="time" value="13:59:59"/>
3、日期時間控件 – datetime-local
<input type="datetime-local" value=""/>
4、月控件 – month
<input type="month" value=""/>
5、周控件 – week
<input type="week" value=""/>
6、日期時間控件–datetime
<input type="datetime" value="2022-01-17T13:59:59"/>
說明:日期時間控件也支持min和max屬性,表示可設置的最小和最大時間
<input type="date" value="2022-03-17" min="2022-03-16" max="2022-03-26"/>
【