Główna » zestaw narzędzi » Niestandardowe pola wprowadzania czasu z jQuery Timedropper

    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.