📌  相关文章
📜  HTML | DOM 输入日期时间 min 属性(1)

📅  最后修改于: 2023-12-03 14:41:51.309000             🧑  作者: Mango

HTML | DOM 输入日期时间 min 属性

在 HTML 中，我们可以使用 <input> 标签创建一个日期时间输入框。同时，我们可以使用 min 属性来指定用户可以输入的日期时间的最小值。

语法

输入日期时间的 <input> 标签的语法：

<input type="datetime-local" min="最小值">

其中，type 属性必须设置为 "datetime-local"，min 属性则是用来设置用户可以输入的日期时间的最小值，该值需要为 ISO 日期时间格式。

例如：

<input type="datetime-local" min="2022-01-01T00:00">

这样设置后，用户在选择时间时，可以选择 2022 年 1 月 1 日及以后的时间，而不能选择该时间之前的时间。

实例

我们可以通过以下代码演示如何使用 min 属性：

<!DOCTYPE html>
<html>
  <body>
    <label for="date">选择一个日期及之后的时间：</label>
    <input type="datetime-local" id="date" name="date" min="2022-01-01T00:00">
  </body>
</html>

该代码会在页面上展示一个日期时间输入框，用户不能选择 2022 年 1 月 1 日之前的时间。

属性值

min 属性可以接受以下值：

  • ISO 日期时间格式字符串：表示用户可以输入的日期时间的最小值。
  • 无属性值：表示该日期时间输入框没有最小限制。
支持性

使用 min 属性的日期时间输入框在各种浏览器、移动端设备上都有支持。但是，由于浏览器对 HTML5 的支持不同，可能会有一些浏览器无法支持该属性。

总结

在 HTML 中，我们可以使用 min 属性来指定用户可以输入的日期时间的最小值。通过设置该属性，我们可以限制用户选择的日期时间的范围。该属性在各种浏览器、移动端设备上都有支持。