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.