📜  HTML | DOM 输入日期 min 属性(1)

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

HTML | DOM 输入日期 min 属性

HTML | DOM 输入日期 min 属性是用于设置日期输入字段中可选日期的最小值。这个属性只支持 "date" 和 "datetime-local" 类型。

语法
<input type="date" min="YYYY-MM-DD">
<input type="datetime-local" min="YYYY-MM-DDTHH:mm:ss">

其中,YYYY-MM-DDYYYY-MM-DDTHH:mm:ss 分别代表日期和日期时间的格式。

示例

以下是一个简单的示例,演示如何设置日期和日期时间输入字段的最小值。

<!doctype html>
<html>
<head>
	<title>HTML | DOM 输入日期 min 属性</title>
</head>
<body>
	<h2>设置日期最小值</h2>
	<label for="dob">出生日期:</label>
	<input type="date" id="dob" name="dob" min="1990-01-01" required>

	<h2>设置日期时间最小值</h2>
	<label for="appt">预约时间:</label>
	<input type="datetime-local" id="appt" name="appt" min="2021-05-01T10:00:00" required>
</body>
</html>

在上面的示例中,我们设置出生日期字段的最小值为 1990 年 1 月 1 日,预约时间字段的最小值为 2021 年 5 月 1 日上午 10 点。

结论

HTML | DOM 输入日期 min 属性是设置日期输入字段中可选日期的最小值的一种方式。它支持日期和日期时间类型的输入字段,并接受特定格式的日期和日期时间字符串作为值。通过设置最小值,可以限制用户选择的日期范围,从而确保日期的有效性。