¿Cómo restringir la entrada del usuario de 24 horas de formato al campo de entrada?

Question

Tengo un campo de entrada con tiempo en HH: MM. Y debo gestionar que los usuarios solo puedan ingresar la hora correcta para evitar que ingresen una hora incorrecta.

Una vez en formato de 24 horas patrón de expresión regular es

([01]?[0-9]|2[0-3]):[0-5][0-9] 

y he encontrado de entrada máscara Plugin https://github.com/RobinHerbots/jquery.inputmask

pero no sé cómo hacer lo que quiero. mucho.

Answer 1

Me gusta that?

$(document).ready(function(){ 
    $("#time").inputmask("h:s",{ "placeholder": "hh/mm" }); 
});​ 

Answer 2

No estoy seguro sobre el complemento al que ha hecho referencia ya que no veo una página de demostración para él. Encuentro que si necesita que el usuario ingrese las horas o las fechas de cierta manera, no puede permitir que escriban nada. Por lo que utilizar selectores de fecha de calendario para fechas, y este es el mejor selector de hora que he encontrado: http://haineault.com/media/jquery/ui-timepickr/page/

Answer 3

$(selector).inputmask("h:s",{ autoUnmask:true }); 

Answer 4

También se puede utilizar este código

var selector = document.getElementById("aaa"); 
Inputmask("(09|19|20|21|22|23):(09|19|29|39|49|59)").mask(selector);