如何在JavaScript中将自定义日期分配给输入类型日期

有时候我们需要在JavaScript中自定义一个日期，然后将其自动填充到一个输入类型为日期的HTML元素中。这可以通过以下步骤实现。

1. 创建一个日期对象

要创建自定义日期，我们可以使用JavaScript内置的Date()构造函数。该函数接受一个或多个参数，用于指定日期。

const customDate = new Date(2022, 2, 18); // 2022年3月18日 

2. 将日期格式化为字符串

接下来，我们需要将日期对象转换为字符串。

const dateString = customDate.toISOString().substring(0, 10); // "2022-03-18" 

这里我们使用了toISOString()方法将日期对象转换为符合ISO标准的字符串格式，然后使用substring()方法提取其中的日期部分。

3. 填充到HTML元素中

有了可用的日期字符串，我们可以将其填充到HTML元素中，例如：

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

<script> 
const customDate = new Date(2022, 2, 18); 
const dateString = customDate.toISOString().substring(0, 10); 
document.getElementById('myDate').value = dateString; 
</script> 

这里我们使用document.getElementById()函数获取了<input>元素，然后将日期字符串赋值给该元素的value属性。

现在，打开页面时，我们将看到输入框中填写了自定义日期。

注意，日期对象中的月份是从0开始计数的（0表示1月，1表示2月，以此类推），因此上面的例子中3表示3月。

以上是将自定义日期分配给输入类型日期的方法。祝你编码愉快！