HTML時(shí)間設(shè)置默認(rèn)值是一種很方便的功能。在表單中,我們可以設(shè)置輸入框的默認(rèn)值。在時(shí)間輸入框中,我們可以通過(guò)使用HTML的datetime-local控件來(lái)設(shè)置日期和時(shí)間的默認(rèn)值。以下是如何使用HTML的datetime-local控件來(lái)設(shè)置時(shí)間默認(rèn)值的示例代碼:
<input type="datetime-local" id="meeting-time" name="meeting-time" value="2019-08-23T13:00" min="2019-08-23T13:00" />
在上面的代碼中,我們定義了一個(gè)datetime-local類(lèi)型的輸入框,并設(shè)置了默認(rèn)值為2019年8月23日13:00。我們還通過(guò)min屬性設(shè)置了輸入框可選的最小值。
更進(jìn)一步地,我們可以通過(guò)JavaScript來(lái)動(dòng)態(tài)地設(shè)置時(shí)間的默認(rèn)值。以下是一個(gè)示例:
const currentDate = new Date(); const datePicker = document.getElementById('date-picker'); datePicker.value = currentDate.toISOString().substr(0, 16);
在上面的代碼中,我們獲取了當(dāng)前的日期和時(shí)間,并將其格式化為ISO字符串。然后,我們?cè)O(shè)置了名為“date-picker”輸入框的值為當(dāng)前日期和時(shí)間。
在HTML中,設(shè)置時(shí)間的默認(rèn)值非常簡(jiǎn)單。我們可以使用HTML的datetime-local控件和JavaScript來(lái)輕松地實(shí)現(xiàn)這一目標(biāo)。
下一篇css3有哪些新增樣式