2012-08-03 4 views
6

Ich habe ein Eingabefeld mit Uhrzeit in HH: MM. Und ich muss verwalten, dass Benutzer nur korrekte Zeit eingeben können, um zu verhindern, dass sie falsche Zeit eingeben.Wie schränkt man die Benutzereingabe von 24-Format-Zeit in Eingabefeld ein?

ist eine Zeit, in 24-Stunden-Format Regular Expression Pattern

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

Und ich habe Maske Eingang gefunden Plugin https://github.com/RobinHerbots/jquery.inputmask

Aber ich weiß nicht, wie zu tun, was ich will. Thx viel.

+0

[Was haben Sie versucht?] (Http: //whathaveyoutried.com/) – Jerska

+0

Frage muss mehr Forschungsanstrengung zeigen. Was ist falsch an dem Plugin, das du gepostet hast? –

+0

Alles ist in Ordnung mit Plugin, aber ich habe nicht verstanden - wie man das macht, was ich will. – iyel

Antwort

17

Wie that?

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

Ja! Aber wie hast du das gefunden? – iyel

+0

Ich lese die Quelle, ernsthaft! Ich habe im jQuery.inputmask Plugin nach der Quelle der Datumserweiterung geschaut. –

+0

Vielen Dank. Ab jetzt versuche ich es selbst zu machen. Prost! :) – iyel

0

Nicht sicher über das Plugin, auf das Sie verwiesen haben, da ich keine Demoseite dafür sehe. Ich finde, wenn Sie den Benutzer brauchen, um Zeiten oder Daten in einer bestimmten Weise einzugeben, können Sie ihnen nichts Schlüssel geben lassen. So verwenden wir Kalendertag Kommissionierer für Termine, und dies ist die beste Zeit Picker ich gefunden habe: http://haineault.com/media/jquery/ui-timepickr/page/

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

können auch diesen Code verwenden

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