ventures sánchez soriano saldum pablo moreno iñaki hawkers facturacion alejandro javascript html5 time

javascript - sánchez - ¿Cómo obligo a los segundos a aparecer en un control de entrada de "tiempo" HTML5?



hawkers pablo sánchez (1)

Cuando uso Javascript para establecer el valor de un objeto de "tiempo" HTML5, como este:

document.getElementById("settime").value = "13:24:59";

Mostrará un control de tiempo con "13:24:59" en él, y puedo cambiar todo. Pero si hago esto:

document.getElementById("settime").value = "13:25:00";

Oculta los segundos, mostrando solo "13:25" sin segundos. ¿Cómo fuerzo los "00" segundos para que aparezcan en este caso?

(Esto está en Google Chrome, por cierto).


Establezca el atributo de step .

<input id="settime" type="time" step="1" /> : <input id="settime" type="time" step="1" />

Ejemplo jsFiddle

Una nota sobre el atributo de paso :

El atributo de paso se puede usar con un valor de entrada numérico para determinar qué tan granulares son los valores que puede ingresar. Por ejemplo, es posible que desee que los usuarios ingresen una hora en particular, pero solo en incrementos de 30 minutos. En este caso, podemos usar el atributo de paso, teniendo en cuenta que para las entradas de tiempo, el valor del atributo está en segundos. Por ejemplo, un incremento de 30 minutos tendría un valor de paso de 1800. <input type="time" step="1800">