Úvodná » toolkit » Vlastné časové vstupné polia s jQuery Timedropper

    Vlastné časové vstupné polia s jQuery Timedropper

    Niektoré webové formuláre vyžadujú vstupy založené na dátume a aplikácie na výber dátumu vám môžu pomôcť. Ale čo časové vstupy?

    S bezplatným doplnkom jQuery Timedropper, môžete pridať vlastné výbery času na nastavenie schôdzok, naplánovanie telefónnych hovorov alebo skoro všetko, čo potrebujete.

    Je to neuveriteľne jednoduché a vy potrebujete len knižnicu jQuery začať. Po nainštalovaní tejto knižnice môžete pridať súbory Timedropper JS / CSS a nechať ho spustiť. To je všetko!

    Každé vstupné pole musí byť cielené výberom jQuery ktorý potom pridá vstupné pole Timedropper. toto má možnosti môžete pridať s ďalšími (voliteľnými) funkciami:

    • automatické prepnutie - automaticky zmení hodinu / minútu pri uvoľnení
    • poludníkmi - nastavte 12 hodín hodín namiesto 24 hodín
    • formát - nastavuje ako sa zobrazia hodiny a minúty (predvolený štýl je 1:22 hod.)
    • kolieska myši - umožňuje zmenu času na základe posúvania kolies
    • Init_animation - zapne efekty animácie
    • setCurrentTime - automaticky pridá aktuálny čas do hodnoty poľa

    Ak ste ešte odvážnejší, môžete zmeniť štýl pomocou niekoľkých predobalených tém alebo dokonca vytvoriť si vlastné od začiatku.

    V mori pluginov jQuery je Timedropper včelí kolená. Je to naozaj ponúka jedinečné rozhranie aby každá aplikácia vybrala čas bez ohľadu na zariadenie.

    Samozrejme, je to mobile-citlivý, tak funguje aj na smartphonoch a tabletoch. Nepáči sa mi však chýbajúca podporná podpora. To vyzerá ako zjavný spôsob, ako vstúpiť do času, takže bez tejto funkcie sa môže cítiť obmedzujúce.

    Napriek tomu za jedinečné rozhranie a a jednoduché nastavenie, Odporúčam Timedropper pre každého, kto je ochotný urobiť výstrel.

    Môžeš nájsť všetok zdrojový kód zadarmo na GitHub a nájdete neuveriteľne jednoduché demo v tomto pere, vložené nižšie.

    Ak máte akékoľvek iné myšlienky alebo návrhy, neváhajte a podeľte sa s vývojárom na stránke Twitter @felice_gattuso.