📅 最后修改于: 2023-12-03 15:15:35.150000 🧑 作者: Mango
在HTML中，可使用<input>元素以及其type属性为datetime-local来创建一个可以输入日期和时间的控件。
这个控件包含了一个相关的min属性，它可以用来定义最早可选的日期和时间。在该属性的帮助下，您可以设置有效的最小选择日期和时间限制，以确保用户不会输入早于指定时间的无效数据。
下面是设置min属性的语法示例：
<input type="datetime-local" min="YYYY-MM-DDThh:mm">
在这里，min属性的值设置为一个日期和时间字符串，格式为YYYY-MM-DDThh:mm。字符"T"将日期部分与时间部分分开。例如，“2019-12-31T23:59”表示日期为“2019年12月31日”，时间为“23:59”（即晚上11点59分）。
以下示例演示如何使用min属性来限制用户不会输入过夜或过去时间的日期和时间。
<!DOCTYPE html>
<html>
<head>
<title>HTML | DOM Input DatetimeLocal min 属性</title>
</head>
<body>
<h1>选择最早可选的日期和时间（不包括过去）</h1>
<p>请输入当前或未来的日期时间：</p>
<label for="meeting-time">选择时间和日期：</label>
<input type="datetime-local" id="meeting-time" name="meeting-time" min="<?php echo date('Y-m-d\TH:i'); ?>">
</body>
</html>
在这个例子中，min属性被设置为当前日期时间，这意味着用户将不能选择过去的日期和时间。您还可以指定任何您选择的日期和时间来作为最早可选日期和时间。
以上就是关于HTML | DOM Input DatetimeLocal min 属性的介绍。通过设置min属性，我们可以有效地限制用户选择的日期和时间，以便我们在输入数据时避免错误和无效数据的出现。请记住，可以将属性的值设置为日期和时间字符串。