📜  将最小日期字段设置为当前日期 - Javascript (1)

📅  最后修改于: 2023-12-03 15:39:19.199000             🧑  作者: Mango

将最小日期字段设置为当前日期 - JavaScript

如果您想在JavaScript中将最小日期字段设置为当前日期,有几种方法可以实现。其中最常见的是使用JavaScript内置的Date对象。

以下是一些计算最小日期和设置最小日期字段的示例代码:

计算最小日期
// 获取当前日期
const currentDate = new Date();

// 计算最小日期:将当前日期的年份减去100年
const minDate = new Date(currentDate.getFullYear() - 100, 0, 1);
设置最小日期字段
// 获取日期输入字段
const dateInput = document.getElementById("date-input");

// 将最小日期设置为100年前的第一天
dateInput.min = minDate.toISOString().slice(0, 10);

要将最小日期设置为特定日期,只需将上述计算最小日期的代码更改为:

// 将最小日期设置为2020年的1月1日
const minDate = new Date(2020, 0, 1);

现在,将最小日期字段设置为特定日期或当前日期都是容易的了。

总结

JavaScript内置的Date对象提供了一种方便的方式来计算日期并将其与表单元素一起使用。使用示例代码中的技术之一可帮助您轻松设置最小日期字段为当前日期或特定日期。