如何将 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" />