如何將 HTML 輸入類型的日期設置為動態的最大年份？

Question

我正在使用 HTML 的<input type='date'> 。 它默認顯示的年份是2021 。 但是，我希望年滿 13 歲的人能夠訪問我的應用程序。 因此，我想以這樣的方式修改日期，使其始終將默認年份顯示為 13 年前，並且這也應該是可供選擇的最后一年。 例如，由於我們在 2021 年，因此不遲於2008出生的人應該能夠加入。 所以要顯示的最后一年應該是 2008 年，並且每年都會自動增加。 如果我使用過 jQuery datepicker，我可以輕松完成，但我對 HTML 的默認輸入類型日期選項感到滿意。

Answer 1

您可以通過獲取當前日期（通過Date()構造函數），將年份設置為當前年份 - 13 並將其分配給max屬性，以編程方式將最大日期設置為當前日期之前的 13 年：

 const d = new Date(); d.setYear(d.getFullYear() - 13); date.max = d.toISOString().split("T")[0]; //this simply converts it to the correct format date.value = d.toISOString().split("T")[0];

 <input type="date" id="date">

Answer 2

我認為你需要試試這個：

<input type="date" id="date" max="2008-01-01" />