如何在HTML 5中将输入类型日期的默认日期设置为今天？

17 浏览
0 Comments

如何在HTML 5中将输入类型日期的默认日期设置为今天？

我正在实现一个预订表单，希望日期默认设置为今天。它还应该显示在输入框中作为占位符。在HTML5中有没有可能实现这个功能？

0

1 答案

0 Comments

如何在HTML 5中将默认日期设置为今天的问题？

问题的原因是纯HTML无法实现此功能，但可以使用简单的JS脚本来解决。

HTML代码：

JS代码：

const time = document.getElementById("time")
let today = new Date();
time.placeholder=today.toString().slice(4, 10)

以上代码通过JS脚本实现了将当前日期设置为输入框的默认值。在HTML代码中，引用了一个名为"script.js"的JS脚本文件。在JS代码中，通过document.getElementById获取了id为"time"的输入框元素，并将其赋值给time变量。然后，创建了一个新的Date对象，并将其赋值给today变量，表示当前日期。接下来，通过字符串的slice方法截取出日期的部分，并将其设置为输入框的placeholder属性，从而实现了将当前日期作为默认值的效果。

0