Co to jest dobry selektor czasu JavaScript? [Zamknięte]

Jaki jest dobry wybór czasu dla jQuery lub samodzielnego js? Chciałbym czegoś takiego, jak Google używa w swoim kalendarzu, gdzie ma listę typowych czasów w 15-minutowych odstępach lub pozwala ręcznie wpisać czas i sprawdza go.

Kilka zasobów:

• TimeDatePicker (wtyczka jQuery)
• jQuery.timepickr
• jQuery.ptTimeSelect
• Wybór czasu
• Fantazyjny wybór czasu
• NoGray Time Picker

To najlepsze, jakie znalazłem do tej pory http://trentrichardson.com/examples/timepicker/

Oto taki, który współpracuje z Twitter Bootstrap.

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

Nie byłem zadowolony z żadnego z sugerowanych selektorów czasu, więc stworzyłem swój własny, inspirowany specyfikacją Perifera i HTML5:

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

Możesz użyć nowych atrybutów HTML5 do wprowadzania czasu (krok, min, maks) lub użyć obiektu opcji:

<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>

Weryfikuje dane wejściowe w następujący sposób:

• Wstaw „:”, jeśli brakuje
• Nieprawidłowy czas? Zastąp puste
• Nieprawidłowy czas według kroku? Zaokrąglij w górę / w dół do najbliższego kroku

Specyfikacja HTML5 nie zezwala na składnię am / pm ani zlokalizowanego czasu, więc dopuszcza tylko format gg: mm. Sekundy są dozwolone zgodnie ze specyfikacją, ale jeszcze tego nie zaimplementowałem.

Jest bardzo "alfa", więc może być kilka błędów. Zapraszam do przesyłania mi poprawek / próśb o ściągnięcie. Przetestowałem ręcznie w IE 6 i 8, FF, Chrome i Opera (najnowsza stabilna na Linuksie dla tych ostatnich).

Możesz przeczytać post twórcy jQuery Johna Resiga na ten temat tutaj: http://ejohn.org/blog/picking-time/ .

Używam ClockPick .

Galeria CSS zawiera różne narzędzia do wybierania czasu. Spójrz.

Selektor czasu Perifer Design jest podobny do Google

Jeśli ktoś jest zainteresowany innym JavaScript TimPickerem, opracowałem i utrzymuję wtyczkę jQuery, która wykonuje to zadanie. Działa podobnie jak EZ Time JS (chociaż nie wiedziałem o tym do 5 minut temu: D), pozwalając użytkownikom wprowadzać czas w prawie każdy sposób, z którym czują się komfortowo, i konwertując dane wejściowe na wspólny format.

Kasy na stronę Opcje timepicker jQuery , aby zobaczyć go w akcji.

Przepraszam chłopaki .. może jest trochę za późno .. Używałem NoGray .. jest super ..

Używam timepicker jQuery ui

NoGray jest przyjemnym dla oka, ale jest kilka kwestii związanych z użytecznością. Po pierwsze, zegary analogowe stają się coraz bardziej niejasne, a młodym ludziom czasami trudno jest je odczytać. Po drugie, przeciąganie myszą do określonego czasu jest nieco uciążliwe, podobnie jak w przypadku selektorów czasu używających suwaka. Po trzecie, interakcja klawiatury dla tego selektora jest nieco sporadyczna.

Aby uzyskać bardziej użyteczny wybór czasu, zapoznaj się z kalendarzem Any + Time ™ Datepicker / Timepicker AJAX . Jest to prawdopodobnie najszybszy i najłatwiejszy w użyciu selektor czasu, ponieważ używa prostych przycisków do szybkiego i łatwego wybierania określonych czasów.

Ciekawym testem użyteczności jest to: wybierz nieparzysty czas (powiedzmy 22:32), a następnie zobacz, ile czasu zajmie dokładne wybranie tego czasu za pomocą różnych selektorów czasu. Prawdopodobnie możesz to zrobić szybciej z Any + Time ™ niż mógłbyś zapisać czas ręcznie - po prostu spróbuj znaleźć innego selektora, o którym możesz to powiedzieć! Nie wspominając o tym, że Any + Time ™ obsługuje niezliczoną liczbę formatów daty / czasu, zegar 12/24-godzinny, pełne dostosowanie CSS (lub interfejs użytkownika jQuery), a nawet strefy czasowe!