Empfehlen Sie ein JS-Kalender-Widget, das sowohl Datum als auch Uhrzeit verarbeitet?

Question

Ich arbeite an einer Web App, wo Benutzer ein Datum und eine Uhrzeit eingeben müssen. Ich habe diesen Kalender-Widget, bevor sie verwendet und es funktioniert gut:

http://www.dynarch.com/projects/calendar/

Es wurde jedoch nicht aktualisiert worden seit 2005. Ich frage mich, wenn jemand eines besseren kennt.

Der Kalender in jQuery UI behandelt Zeiten nicht. Nur Daten. Ich brauche etwas, bei dem der Benutzer Datum und Uhrzeit mit einem Steuerelement eingeben kann.

Answer 1

Ich bin nicht bekannt, dass einzelne Widget, das gut sowohl Datum und Zeit der Fall ist. Jedes kombinierte Widget, das ich gesehen habe, ist übermäßig komplex und verwirrend.

Es gibt jedoch unabhängige Widgets für Datum und Uhrzeit, die ich häufig verwende: ClockPick und datePicker. Beide sind jQuery Plugins, funktionieren super über Browser und sind sehr einfach anzupassen.

Answer 2

Ich glaube nicht, dass etwas existiert, das beide Datum und Zeit (zumindest nichts wirklich gut).

Die allgemeine Praxis scheint zu sein, eine Dropdown-Liste oder eine Variation von eins zu verwenden. Wenn Sie nach etwas flexiblerem suchen, gibt es ein jQuery-Plugin für eine Zeitauswahl, das die Zeitauswahlfunktion von Google Calendar imitiert, die ich sehr nützlich finde.

http://labs.perifer.se/timedatepicker/

Answer 3

Nun, jscalendar kann so konfiguriert werden, dass es auch eine Zeitauswahl bietet, indem Sie in den Setup-Parametern showTime: true einstellen. Und man sollte auch singleClick setzen: false, ich denke ...

Leider scheint es nicht richtig zu funktionieren. Die aktuelle Zeit wird nicht aus dem inputField ausgelesen, auch nachdem sie von jscalendar selbst geschrieben wurde. So nach dem Datum der Zeit Wechsel auf 0 gesetzt zurück: 0 :-(

Wenn Sie dieses Problem zu beheben, lassen Sie mich wissen, wie :-)

Christoph

Answer 4

ich eine recht gute Datetime gefunden jQueryUI. Es ist die timepicker addon from Trent Richardson.

Es funktioniert bisher sehr gut und kann stark z. unterstützt i18n und Stile. Da ich es in ein bestehendes System gesteckt habe, kann ich die jQueryUI-Themen nicht verwenden, aber das ist kein wirkliches Problem. Nach dem Laden eines Themas z. Legen Sie ein anderes Hintergrundbild für den .ui-datepicker-Header-Wert fest.

Beim Hinzufügen des datetimepicker zu einem Eingabeelement können Sie auch alle Zeichenfolgen und Formate überschreiben, indem Sie ein Objekt mit den entsprechenden Schlüssel/Wert-Paaren übergeben.

Answer 5

Ich weiß, diese Frage wurde vor einiger Zeit gestellt, kein Wortspiel beabsichtigt. Aber hier ist ein großartiges Beispiel dafür, was Sie gesucht haben mit Kendo UI