HTML | DOM Input DatetimeLocal max 属性(1)

📌 相关文章

📜 HTML | DOM Input DatetimeLocal max 属性(1)

📅 最后修改于: 2023-12-03 15:01:11.781000 🧑 作者: Mango

HTML | DOM Input DatetimeLocal max 属性

max 属性规定日期 / 时间输入字段中可选的最大日期 / 时间。

语法

<input type="datetime-local" max="YYYY-MM-DDThh:mm:ss">

属性值

值 | 描述 --- | --- YYYY-MM-DDThh:mm:ss | 必需。定义指定日期和时间的 ISO-format 的日期字符串，其中：
- YYYY: 四位数的年份
- MM: 月份（01-12）
- DD：日（01-31）
- T: 字符“T”为日期和时间的分隔符
- hh: 小时（00-23）
- mm: 分钟（00-59）
- ss: 秒钟（00-59）

实例

<!DOCTYPE html>
<html>
<head>
	<title>max属性实例</title>
</head>
<body>
	<label for="maxdate">请在2020年12月31日之前选择一个日期：</label>
	<input type="datetime-local" id="maxdate" name="maxdate" max="2020-12-31T23:59:59">
</body>
</html>

这个实例将日期输入字段的最大值设置为2020年12月31日23:59:59，用户只能选择这个日期之前的日期和时间。

浏览器兼容性

max 属性在所有主流浏览器中都能够良好地支持。

总结

max 属性可用于限制用户输入的日期和时间的范围。它已经成为许多web表单中常用的属性之一，可以保证用户输入的日期和时间符合我们的要求。