html日期设置默认值

梦馨娴 3周前 12浏览 0评论

在HTML中,可以使用标签来创建日期选择器,允许用户选择特定的日期。

为了在日期选择器中设置默认值,可以通过以下代码使用"input"元素的"value"属性来设置日期:

    <input type="date" id="datePicker" name="datePicker" value="2022-01-01">

在上面的代码中,我们可以看到"value"属性被设置为"2022-01-01"。这意味着默认情况下,日期选择器将显示2022年1月1日。如果我们想要将默认值设置为当前日期,可以使用JavaScript代码来实现:

    <input type="date" id="datePicker" name="datePicker">
    <script>
        var today = new Date().toJSON().slice(0,10);
        document.getElementById('datePicker').value = today;
    </script>

在上面的代码中,我们定义了一个名为"today"的变量,它包含了当前日期,然后使用 JavaScript代码将日期插入到"value"属性中,因此日期选择器上将默认显示当前日期。

总之,在HTML中,日期选择器的默认值可以使用"value"属性来设置。如果需要将默认值设置为当前日期,可以使用JavaScript代码来实现。