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

Question

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

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

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 函数。