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