HTML5引入了一些新的日期和時(shí)間類(lèi)型,以便更好地處理日期和時(shí)間。讓我們一起來(lái)學(xué)習(xí)一下吧!
HTML5中的日期和時(shí)間類(lèi)型包括:
日期(Date)
月(Month)
周(Week)
時(shí)間(Time)
本地日期和時(shí)間(Local Date and Time)
本地日期(Local Date)
本地時(shí)間(Local Time)
時(shí)間戳(Time Stamps)
讓我們來(lái)看一下如何使用這些類(lèi)型中的一些。
日期(Date)
使用日期類(lèi)型,我們可以為表單添加一個(gè)日期選擇器。這是這個(gè)元素的代碼:
<input type="date" name="date">
這會(huì)生成一個(gè)日期選擇器,允許用戶(hù)選擇一個(gè)日期。
時(shí)間(Time)
時(shí)間類(lèi)型與日期類(lèi)型類(lèi)似,但是它們帶有不同的時(shí)間格式。這是這個(gè)元素的代碼:
<input type="time" name="time">
這會(huì)生成一個(gè)時(shí)間選擇器,允許用戶(hù)選擇一個(gè)時(shí)間。
本地日期和時(shí)間(Local Date and Time)
本地日期和時(shí)間類(lèi)型用于顯示本地日期和時(shí)間(與UTC時(shí)間不同)。這是這個(gè)元素的代碼:
<input type="datetime-local" name="datetime">
這會(huì)生成一個(gè)日期和時(shí)間選擇器,允許用戶(hù)選擇一個(gè)本地日期和時(shí)間。
這些日期和時(shí)間類(lèi)型使得在HTML文檔中使用日期和時(shí)間變得更加簡(jiǎn)單和方便!