设置输入日期以选择初试日期

有时候我们需要从用户那里获取一个初始日期以进行一些计算或者操作。本篇介绍如何使用HTML和JavaScript设置输入日期以选择初始日期。

HTML Input 元素

HTML提供了一个输入日期的控件，可以通过添加<input type="date">元素实现。

<label for="startDate">选择初始日期：</label>
<input type="date" id="startDate" name="startDate">

这将在页面上呈现一个可以选择日期的控件。

JavaScript 获得日期

我们可以使用JavaScript获取输入框中的日期值。

const startDate = document.getElementById("startDate").value;
console.log(startDate);

我们可以通过将该代码放置到onclick操作或表单提交事件内来获取用户设置的日期。

默认值

有时候我们需要在输入框内设置一个默认值来指导用户选择。我们可以通过将输入框的value值设置为一个日期字符串来实现。

const today = new Date().toISOString().slice(0,10);
document.getElementById("startDate").value = today;

我们可以将这段代码放置到页面加载事件内，这样输入框就会被设置为默认值。

以上就是如何设置输入日期以选择初始日期的简单介绍，希望对大家有所帮助！