html - 如何为输入类型时间元素设置最小值？

Question

<input type="time">如何在 HTML5 中设置元素的最小值和最大值。

我需要这个，因为我想限制用户插入一天中的非工作时间。最小值不应小于上午 7 点，最大值不应大于下午 6 点。

Answer 1

在有更多浏览器支持之前，Javascript 当然是更好的解决方案。

<input type="time" min="07:00:00" max="18:00:00" />

应该做的伎俩

https://www.w3.org/wiki/HTML/Elements/input/time

Answer 2

我建议你宁愿使用 javascript。

<script type="text/javascript">
function checktimeval(){
  var timeval=*document.getElementById("theidofurinput").value*;
  if(!(timeval > 1 && timeval < 12)){
    document.getElementById("theidoferrorspan").innerHTML="Please enter time <7 a.m and >6 p.m";
  }
}

然后调用这个函数onblur的输入元素。