it-swarm.com.de

Was ist eine gute Javascript-Zeitauswahl?

Was ist eine gute Zeitauswahl für JQuery oder Standalone-Js? Ich möchte etwas, wie es Google in seinem Kalender verwendet, wo es in 15-Minuten-Intervallen eine Dropdown-Liste der üblichen Zeiten anzeigt oder Sie eine Zeit manuell eingeben und validieren lassen.

84
Element
74
CMS

Dies ist das Beste, was ich bis jetzt gefunden habe http://trentrichardson.com/examples/timepicker/

25
Felix

Hier ist eine, die mit Twitter Bootstrap funktioniert.

http://jdewit.github.com/bootstrap-timepicker/

21
declan

Ich war mit keinem der vorgeschlagenen Zeitwähler zufrieden und habe mich von Perifers und der HTML5-Spezifikation inspirieren lassen:

http://github.com/gregersrygg/jquery.timeInput

Sie können entweder die neue html5-Attribute für die Zeiteingabe (Schritt, Min, Max) verwenden oder ein Optionsobjekt verwenden:

<input type="time" name="myTime" class="time-mm-hh" min="9:00" max="18:00" step="1800" />
<input type="time" name="myTime2" class="time-mm-hh" />

<script type="text/javascript">
    $("input[name='myTime']").timeInput(); // use default or html5 attributes
    $("input[name='myTime2']").timeInput({min: "6:00", max: "15:00", step: 900}); // 15 min intervals from 6:00 am to 3:00 pm
</script>

Überprüft Eingaben wie folgt:

  • Fügen Sie ":" ein, wenn es fehlt
  • Ungültige Uhrzeit? Durch Leerzeichen ersetzen
  • Keine gültige Zeit laut Schritt? Runden Sie auf/ab, um die nächste Stufe zu erreichen

Die HTML5-Spezifikation lässt keine am/pm- oder lokalisierte Zeitsyntax zu, sodass nur das Format hh: mm zulässig ist. Sekunden sind laut Spezifikation erlaubt, aber ich habe es noch nicht implementiert.

Es ist sehr "Alpha", daher könnte es einige Bugs geben. Fühlen Sie sich frei, mir Patches/Pull-Anfragen zu senden. Habe manuell getestet in IE 6 & 8, FF, Chrome und Opera (Letzteres unter Linux stabil)).

8
gregers

Sie können den Beitrag von jQuery-Ersteller John Resig hier lesen: http://ejohn.org/blog/picking-time/ .

6
Sophie Alpert

Ich habe ClockPick verwendet.

4
tvanfosson

CSS-Galerie hat verschiedene Zeitauswahlmöglichkeiten. Guck mal.

Perifer Designs Zeitauswahl ähnelt google one

3
Alagu

Für den Fall, dass jemand an einem anderen JavaScript-TimPicker interessiert ist, habe ich ein jQuery-Plugin entwickelt und gewartet, das diese Aufgabe übernimmt. Es funktioniert ungefähr so ​​wie EZ Time JS (obwohl ich bis vor 5 Minuten nichts davon gewusst habe: D), sodass Benutzer die Zeit so eingeben können, wie sie möchten, und die Eingabe in ein gemeinsames Format konvertieren können.

Überprüfen Sie die Seite jQuery TimePicker-Optionen , um sie in Aktion zu sehen.

3
Willington Vega

Sorry Leute .. vielleicht ist es ein bisschen spät .. Ich benutze NoGray .. es ist cool ..

1
Yudi M
1
pryabov