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

【问题标题】：How to set min value for input type time elements?如何为输入类型时间元素设置最小值？
【发布时间】：2017-01-18 18:30:32
【问题描述】：

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

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

【问题讨论】：

标签： html forms validation time

【解决方案1】：

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

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

应该做的伎俩

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

【讨论】：

【解决方案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这个函数。

【讨论】：