¿Cómo puedo cambiar el formato del input type="time"
a 24 horas?
Busqué las etiquetas de HTML5 pero no hay ninguna respecto a la que necesito.
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidadTan facil como esto ( ⚠ si es que tienes el ordenador en formato 24h
y usas Chrome):
<input type="time"/>
Nota: Es muy nuevo y no está soportado aun en Firefox o versiones de Internet Explorer y Edge
O puedes usar librerias externas como TimePicker.js:
var timepicker = new TimePicker('time', {
lang: 'en',
theme: 'blue-grey'
});
timepicker.on('change', function(evt) {
var value = (evt.hour || '00') + ':' + (evt.minute || '00');
evt.element.value = value;
});
<script src="http://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.js"></script>
<link href="http://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.css" rel="stylesheet"/>
<div>
<input type="text" id="time" placeholder="Horas:Minutos">
</div>
Tienes eventos como:
timepicker.on('open', function(evt){
});
timepicker.on('close', function(evt){
});