javascript - 有没有办法只为 html5 type=time 禁用分钟或小时选择？

Question

HTML5type=time有一个属性disabled可以禁用该字段，但是有什么特定方法可以仅禁用该字段的小时数或分钟数吗？

<input type='time' />

Answer 1

您绝对可以锁定分钟，使其无法更改，只能调整小时，只需更改步骤：

例如：

<input type='time'  step='3600'/>

<input type='time'  step='3600'/>

要仅使用几分钟来完成，您可以通过最大化和挖掘时间在技术上做到这一点：

<input type='time'  max='00:59' min='00:00'/>

Answer 2

step是您要查找的属性。

该step属性指示应以秒为单位的最小增量。如果设置为 60，增量将始终为 60 秒 - 换句话说，秒数不能更改。要使分钟也不能更改，请使用step="3600".

<form>
  <label for="appt-time">Choose an appointment time: </label>
  <input id="appt-time" type="time" name="appt-time" step="3600">
</form>