2012-08-03 12 views
6

Ho un campo di input con tempo in HH: MM. E ho bisogno di gestire che gli utenti possono inserire solo il tempo corretto, per impedire loro di entrare nel momento sbagliato.Come limitare l'input dell'utente di 24 formato nel campo di input?

Un tempo in 24 ore Formato modello di espressione regolare è

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

E ho trovato ingresso maschera plug https://github.com/RobinHerbots/jquery.inputmask

ma non so come fare quello che voglio. Thx molto.

+0

[Che cosa hai provato?] (Http: //www.whathaveyoutried.com/) – Jerska

+0

La domanda deve mostrare più sforzi di ricerca. Cosa c'è di sbagliato nel plugin che hai postato? –

+0

Tutto va bene con il plugin, ma non ho capito - come fare ciò che voglio. – iyel

risposta

17

Come that?

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

Sì! Ma come l'hai trovato? – iyel

+0

Ho letto la fonte, sul serio! Ho dato un'occhiata all'interno dell'origine dell'estensione della data nel plugin jQuery.inputmask. –

+0

Grazie mille. Da ora proverò a farlo da solo. Saluti! :) – iyel

0

Non sono sicuro del plug-in cui si fa riferimento poiché non vedo una pagina demo per esso. Trovo che se hai bisogno che l'utente inserisca orari o date in un certo modo, non puoi lasciare che i loro tasti digitino nulla. Quindi usiamo calendario della data raccoglitori per le date, e questo è il miglior selezionatore volta che ho trovato: http://haineault.com/media/jquery/ui-timepickr/page/

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

anche possibile utilizzare questo codice

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