HTML5中有一個input類型叫做“date”,可以用來讓用戶選擇日期。不過默認情況下,日期格式是根據(jù)瀏覽器和操作系統(tǒng)的設(shè)置而定的。如果要更改日期格式,可以使用HTML5的一個特性——“pattern”屬性。
“pattern”屬性是用來定義一種正則表達式的,它限制了在輸入框中可以輸入哪些字符。可以在input標(biāo)簽中添加pattern屬性來限制用戶輸入的日期格式。下面是一個例子:
<input type="date" id="myDate" name="myDate" pattern="\d{4}-\d{2}-\d{2}">
上面的代碼中,pattern屬性的值是一個正則表達式,它限制了日期的格式為“yyyy-mm-dd”(例如2021-06-16)。
如果要限制時間的格式,可以使用“time”類型的輸入框,并添加“pattern”屬性,例如:
<input type="time" id="myTime" name="myTime" pattern="\d{2}:\d{2}">
上面的代碼中,pattern屬性的值是“hh:mm”的格式,例如“13:30”。
除此之外,還可以使用“datetime”類型的輸入框,同時顯示日期和時間,例如:
<input type="datetime-local" id="myDatetime" name="myDatetime" pattern="\d{4}-\d{2}-\d{2}T\d{2}:\d{2}">
上面的代碼中,pattern屬性的值是“yyyy-mm-ddThh:mm”的格式,例如“2021-06-16T13:30”。
總之,無論是限制日期、時間還是日期時間的格式,都可以使用HTML5的“pattern”屬性來實現(xiàn)。