So arbeiten Sie mit Datumsauswahl in CSS3

Es gibt Situationen, in denen HTML5 derzeit eine Lösung für einen besonderen Bedarf in CSS3 bietet, aber nur wenige Anbieter haben es noch nicht umgesetzt. Dies ist der Fall mit dem Datum und der Zeit, die Unterstützung für HTML. Nur Opera und Chrome Unterstützung für die Datums- und Zeitfunktionen. Zum Beispiel, wenn Sie einen Termin zu einem Formular hinzufügen möchten, können Sie das Datum Eingabetyp verwenden, wie hier gezeigt:

Der Standard Datum ist heute. Wenn der Benutzer das Feld klickt, zeigt die Anwendung eine Datumsauswahl Kontrolle, aber nur, wenn Sie Opera oder Chrome verwenden. Bis zu den anderen Anbietern Datum und Zeit unterstützen, ist es noch notwendig, die jQuery UI Datumsauswahl-Widget zu verwenden, um sicherzustellen, dass alle Benutzer ein Datum mit Leichtigkeit eingeben.

Der folgende Code zeigt, wie Sie die Datumsauswahl-Widget zu verwenden. (Können Sie finden komplette Code für dieses Beispiel in dem Kapitel 06 Widgets Ordner des herunterladbaren Code wie Datepicker.HTML.)

$ (Function () {$ ( "# DateEntry") picker () -.})

DateEntry ist ein Standard steuern. Wenn der Benutzer auf das Steuerelement klickt, zeigt jQuery UI automatisch einen Kalender wie folgt aus:

bild0.jpg
» » » » So arbeiten Sie mit Datumsauswahl in CSS3