Se tiene un input del tipo time
sencillo como el siguiente ejemplo:
<input type="time" id="hora" step="1"/>
Me gustaria saber si es posible deshabilitar los minutos y los segundos, que estén siempre en 00:00, que solamente sea posible cambiar la hora. ¿Es posible, con javascript o jquery?
Dejo un ejemplo de aquello:
function AumentaHoras(){
document.getElementById('hora').stepUp(3600);
}
#hora{
border-style: solid;
border-width: 1px;
border-color: black;
border-radius: 5px;
}
<input type="time" id="hora" step="1" value="00:00:00">
<button onclick="AumentaHoras()">Click me!</button>
Probando de esta manera, se logra que aumente de hora en hora, pero no deshabilita los minutos y los segundos.
<script type="text/javascript">
function AuementaHoras(){
document.getElementById('hora').stepUp(3600);
}
<script>
Además al llegar a las 23:59:59 Hrs, si se sigue aumentando no se restablece a 00:00:00, y los minutos y segundos toman valores cuando deberían estar siempre en 00:00.
Pero si lo hago de este modo se cumple todo, excepto que no muestra los segundos, tampoco con javascript, en su propiedad .value="";
<input type="time" id="hora" step="3600"/>