在HTML中,日期可以使用input標簽的type為date屬性進行輸入和展示,代碼如下:
<input type="date" name="date">
其中,name屬性為日期輸入框的名稱,可根據實際情況進行修改。
如果需要限定日期的范圍,如只能輸入當前及之后的日期,可以使用min和max屬性,代碼如下:
<input type="date" name="date" min="2021-07-01" max="2021-12-31">
上述代碼表示日期輸入框的輸入范圍限制為2021年7月1日至2021年12月31日之間。
另外,如果想要在輸入日期后對其進行處理,可以使用JavaScript代碼獲取輸入框的值,并進行相關操作,代碼如下:
<script> var dateInput = document.querySelector('input[type="date"]'); dateInput.addEventListener('change', function() { var date = new Date(dateInput.value); // 進行日期處理 }); </script>
以上代碼會監聽日期輸入框的值改變事件,并在日期改變時獲取輸入框的值并將其轉化為日期對象,以便于后續的處理。