HTML中,我們可以使用表單元素來獲取用戶的輸入。對于日期,可以使用來讓用戶選擇年月日。
<form> <label for="date-input">請選擇日期:</label> <input type="date" id="date-input" name="date"> </form>
這樣就可以讓用戶在頁面上選擇日期了。
但有時,我們需要在頁面上展示日期,而不是讓用戶選擇。這時可以使用來存儲日期的值,再使用JavaScript來動態展示。
<form> <input type="hidden" id="date-input" name="date" value="2021-01-01"> </form> <script> const dateInput = document.getElementById('date-input'); const dateValue = dateInput.value; // 將日期展示在頁面上 const dateDisplay = document.createElement('p'); dateDisplay.textContent = `選擇的日期是 ${dateValue}`; document.body.appendChild(dateDisplay); </script>
這樣就可以在頁面上顯示用戶選擇的日期了。
下一篇vue實現透視表