Как установить минимальное значение для элементов времени ввода типа?

Question

Как установить минимальные и максимальные значения для <input type="time"> элементов в HTML5.

Мне нужно это, потому что я хочу ограничить пользователей от вставки нерабочих часов в день. Минимальное значение должно быть не менее 7 AM, а максимальное значение не должно превышать 6 PM.

Answer 1

Я предлагаю вам использовать 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 входного элемента.

Answer 2

Javascript, конечно, лучшее решение, пока не будет поддержки браузера.

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

должен сделать трюк

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