如何将 HTML 输入类型的日期设置为动态的最大年份?

时间:2021-07-17 18:18:28

标签: javascript html jquery

我正在使用 HTML 的 <input type='date'>。它默认显示的年份是 2021。但是,我希望年满 13 岁的人能够访问我的应用程序。因此,我想以这样的方式修改日期,使其始终将默认年份显示为 13 年前,并且这也应该是可供选择的最后一年。例如,由于我们是在 2021 年,所以不迟于 2008 出生的人应该能够加入。所以要显示的最后一年应该是 2008 年,并且每年都会自动增加。如果我使用过 jQuery datepicker,我可以轻松完成,但我对 HTML 的默认输入类型日期选项感到满意。

1 个答案:

答案 0 :(得分:0)

您可以通过获取当前日期(通过 Date() constructor),将年份设置为当前年份 - 13 并将其分配给 {{1} } 属性:

max
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];