Ich baue ein Formular um einen Zeitwert zu akzeptieren HH: MM, wie kann ich die Benutzereingabe filtern und den Doppelpunkt im Textfeld anzeigen? Ich schätze, ich suche nach einer Art gefilterten Eingabefeld.Zeit Eingabefeld
Das ist als Input Mask allgemein bezeichnet, tun einige googling darauf. Edit: Es scheint ein input mask jquery plugin
Danke, das hat mir geholfen –
Überprüfen Sie die Timepickr Plugin, wenn Sie ein UI-Plugin möchten.
alt text http://www.webresourcesdepot.com/wp-content/uploads/image/jquery-timepicker.jpg
Während das TimePickr-Plugin recommended by Jonathon ist sehr schön zu sehen, wenn der Benutzer macht jede Menge von Dateneingabe, es wird sie verrückt zu fahren. Ich antwortete eine ähnliche Frage zu erklären, warum eine Weile zurück:
A masked input box und ein bisschen JavaScript-Validierung kann eine optimalere Lösung sein.
Haben Sie jemals JqueryMasked Input Plugin
während ich dieses Plug-in sehr mag, verursacht es einige Probleme mit IE 8 in Kompatibilität Modus. – SoftwareSavant
Die EZ Time JS widget können dies tun, für die Sie verwenden. Es nimmt die minimale Eingabe und formatiert und validiert es richtig. Es korrigiert/entfernt ungültige Zeichen automatisch. Es ist zu 100% tastaturbasiert und zielt auf eine hohe Produktivität für geschulte Benutzer ab. Es vermeidet die Tücken von Javascript 'Time Pickers', die langwierige und langsame Klick-, Zieh- und Mausbewegungen erfordern, die die Produktivität behindern.
In Bezug auf den obigen Kommentar wurde EZ Time JS speziell für schwere, schwere Lasten der Dateneingabe entwickelt und eignet sich perfekt für die Planung der Arbeit.
Es validiert nicht nur, sondern entfernt und/oder korrigiert auch ungültige Eingaben automatisch. Es akzeptiert Verknüpfungen, die die Eingabe sehr schnell machen.
Hier sind einige Beispiele:
INPUT --> OUTPUT
8 --> 08:00 AM
515p --> 05:15 PM
12f --> 12:15 AM --notice the use of shortcut codes, ie., f = 15
Da Sie Doppelpunkte erwähnt, mit EZ-Zeit Sie Räume auslassen kann und der Doppelpunkt für die Bequemlichkeit. Es fügt sie für Sie in der Ausgabe zurück.
EZ Time JS macht die Eingabezeit extrem einfach.
Filter es wie? Was ist die erwartete Eingabe? –
soweit ich das beurteilen kann, fragt er nach einer Eingabemaske –