Niestandardowe pola wprowadzania czasu z jQuery Timedropper
Niektóre formularze internetowe wymagają dane oparte na dacie i wtyczki wyboru daty mogą w tym pomóc. Ale co z wejścia czasowe?
Z darmową wtyczką jQuery Timedropper, możesz dodać niestandardowe zbieracze czasu do ustawiania spotkań, planowania połączeń telefonicznych lub prawie wszystkiego, czego potrzebujesz.
To niewiarygodnie proste, a ty potrzebujesz tylko biblioteki jQuery zaczynać. Po zainstalowaniu tej biblioteki możesz dodać pliki JS / CSS Timedroppera i pozwolić mu działać. To jest to!
Każde pole wejściowe musi być kierowany przez selektor jQuery który następnie dodaje pole wprowadzania Timedroppera. To ma opcje możesz dodać dodatkowe funkcje (opcjonalne):
- Automatyczny przełącznik - automatycznie zmienia godzinę / minutę podczas mousing up
- Meridiany - ustaw zegar 12-godzinny zamiast 24-godzinny
- Format - ustawia sposób wyświetlania godzin i minut (domyślny styl to 13:22)
- Kółko w myszce - umożliwia zmianę czasu na podstawie przewijania kół
- Init_animation - włącza efekty animacji zanikania
- setCurrentTime - automatycznie dodaje aktualny czas do wartości pola
Jeśli jesteś jeszcze bardziej śmiały, możesz zmień styl używając kilku wstępnie zapakowanych motywów, a nawet zbuduj własne od podstaw.
W morzu wtyczek jQuery Timedropper to kolana pszczół. To naprawdę oferuje unikalny interfejs dla dowolnej aplikacji wybrać czas niezależnie od urządzenia.
Oczywiście tak jest reaguje mobilnie, więc działa również na smartfonach i tabletach. Nie podoba mi się jednak brak obsługi num pad. Wydaje się, że jest to oczywisty sposób na wprowadzenie czasu, więc bez tej funkcji może to ograniczać.
Nadal za unikalny interfejs i a prosta konfiguracja, Polecam Timedropper dla każdego, kto chce dać mu szansę.
Możesz znaleźć cały kod źródłowy za darmo na GitHub, a znajdziesz w nim niezwykle proste demo, osadzone poniżej.
Jeśli masz jakieś inne myśli lub sugestie, nie krępuj się podzielić się z twórcą na Twitterze @felice_gattuso.