📅 最后修改于: 2023-12-03 15:15:35.199000 🧑 作者: Mango
HTML | DOM Input DatetimeLocal value 属性返回或设置输入框的日期和时间值（以本地时间表示）。
获取元素的 value 属性：
let value = element.value;
设置元素的 value 属性：
element.value = value;
| 值 | 描述 | | --------- | -------------------------------------------------------- | | date-time | 输入类型为日期和时间。 | | disabled | 禁用输入框。 | | hidden | 隐藏元素。 | | month | 输入类型为日期和月份。 | | range | 输入类型为范围值。 | | search | 输入类型为搜索框（例如谷歌搜索框）。 | | tel | 输入类型为电话号码。 | | text | 输入类型为普通文本。 | | time | 输入类型为时间。 | | url | 输入类型为 URL。 | | week | 输入类型为周数和年份（例如，YYYY-W##）。 |
以下示例代码创建了一个 datetime-local 类型的输入框，并使用 JavaScript 设置了其初始值为当前日期和时间：
<!DOCTYPE html>
<html>
<body>
<label for="datetime">请选择日期和时间：</label>
<input type="datetime-local" id="datetime" name="datetime" />
<script>
const datetimeElement = document.getElementById("datetime");
const now = new Date();
const dateStr =
now.getFullYear() +
"-" +
("0" + (now.getMonth() + 1)).slice(-2) +
"-" +
("0" + now.getDate()).slice(-2);
const timeStr =
("0" + now.getHours()).slice(-2) +
":" +
("0" + now.getMinutes()).slice(-2);
datetimeElement.value = dateStr + "T" + timeStr;
</script>
</body>
</html>
以上示例中：
(0 + (now.getMonth() + 1)).slice(-2) 用于将月份转换为两位数字格式；(0 + now.getDate()).slice(-2) 用于将日转换为两位数字格式；(0 + now.getHours()).slice(-2) 用于将小时转换为两位数字格式；(0 + now.getMinutes()).slice(-2) 用于将分钟转换为两位数字格式。