html datetime-local 初始化值
时间: 2023-08-14 19:02:15 浏览: 161
HTML datetime-local 输入框的初始化值可以通过设置 `value` 属性来实现。该属性的值需要符合指定的日期时间格式,即 `yyyy-MM-ddThh:mm`。其中,`T` 表示日期与时间的分隔符。
例如,要将输入框的初始化值设置为当前日期和时间,可以使用 JavaScript 代码获取当前时间并将其格式化为指定格式,然后将格式化后的字符串赋值给输入框的 `value` 属性。
示例代码如下:
```html
<input type="datetime-local" id="datetimeInput">
<script>
const now = new Date();
const year = now.getFullYear();
const month = (now.getMonth() + 1).toString().padStart(2, '0');
const day = now.getDate().toString().padStart(2, '0');
const hour = now.getHours().toString().padStart(2, '0');
const minute = now.getMinutes().toString().padStart(2, '0');
const datetimeStr = `${year}-${month}-${day}T${hour}:${minute}`;
document.getElementById('datetimeInput').value = datetimeStr;
</script>
```
上述代码会将当前日期和时间格式化为 `yyyy-MM-ddThh:mm` 的字符串,并将其赋值给 id 为 `datetimeInput` 的输入框的 `value` 属性。
阅读全文