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.
javascript
jquery
time
input
Element
źródło
źródło
Odpowiedzi:
Kilka zasobów:
źródło
To najlepsze, jakie znalazłem do tej pory http://trentrichardson.com/examples/timepicker/
źródło
Oto taki, który współpracuje z Twitter Bootstrap.
http://jdewit.github.com/bootstrap-timepicker/
źródło
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:
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).
źródło
Możesz przeczytać post twórcy jQuery Johna Resiga na ten temat tutaj: http://ejohn.org/blog/picking-time/ .
źródło
Używam ClockPick .
źródło
Galeria CSS zawiera różne narzędzia do wybierania czasu. Spójrz.
Selektor czasu Perifer Design jest podobny do Google
źródło
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.
źródło
Przepraszam chłopaki .. może jest trochę za późno .. Używałem NoGray .. jest super ..
źródło
Używam timepicker jQuery ui
źródło
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!
źródło