📜  HTML | DOM 输入时间 min 属性(1)

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

HTML | DOM 输入时间 min 属性

简介

HTML | DOM 的输入时间 min 属性是用于规定可输入的最小值的属性,通常用在 input 元素中的 type 属性为 time、date、 datetime-local、month 和 week 时。这个属性规定的值必须是合法的时间格式。

语法
<input type="time" min="HH:MM:SS">
<input type="date" min="YYYY-MM-DD">
<input type="datetime-local" min="YYYY-MM-DDTHH:MM[:SS[.SSS]]">
<input type="month" min="YYYY-MM">
<input type="week" min="YYYY-Www">

其中 min 属性规定的值必须符合相应的时间格式。

示例
<label for="start-time">开始时间:</label>
<input type="time" id="start-time" name="start-time" min="09:00:00" required>

上面的代码中,设置了一个开始时间的输入框,最早可选的时间是上午 9 点。

浏览器支持

| Chrome | Firefox | IE | Opera | Safari | |--------|---------|----|-------|--------| | 20.0+ | 57.0+ | 10+| 15.0+ | 6.0+ |

总结

HTML | DOM 的输入时间 min 属性比较常用,在一些时间段的选择场景非常有用。但需要注意的是,这个属性规定的时间格式必须符合标准规范,否则浏览器会忽略这个属性。