Custom Time Input lauki ar jQuery Timedropper
Nepieciešamas dažas tīmekļa veidlapas datumu balstītas izejvielas un datumu atlasītājs spraudņi var palīdzēt ar to. Bet, ko par laika ievadi?
Ar bezmaksas jQuery spraudni Ierīce, jūs varat pievienot pasūtījuma laika atlasītāji lai noteiktu tikšanās, telefona zvanu plānošanu vai gandrīz visu, kas jums nepieciešams.
Tas ir neticami vienkāršs un jums nepieciešama tikai jQuery bibliotēka lai sāktu darbu. Kad esat instalējis šo bibliotēku, varat pievienot Timedropper JS / CSS failus un ļaut tai darboties. Tieši tā!
Katram ievades laukam jābūt jQuery selektors pēc tam pievieno ievades lauku Timedropper. Tas ir iespējas jūs varat pievienot ar papildu (izvēles) funkcijām:
- Automātiskais slēdzis - automātiski mainās stunda / minūte
- Meridiāni - iestatiet 12 stundu pulksteni 24 stundu vietā
- Formāts - nosaka, kā parādās stundas un minūtes (noklusējuma stils ir 1:22)
- Peles ritenis - ļauj veikt laika maiņu, pamatojoties uz riteņu ritināšanu
- Init_animation - ieslēdzas izbalēšanas animācijas efekti
- setCurrentTime - automātiski pievieno pašreizējo laiku lauka vērtībai
Ja jūs esat vēl drosmīgāki, jūs varat mainīt stilu izmantojot dažas iepriekš fasētas tēmas, vai pat veidot savu no nulles.
JQuery plugins jūrā Timedropper ir bišu ceļgala. Tas tiešām ir piedāvā unikālu interfeisu lai jebkura lietotne izvēlētos laiku neatkarīgi no ierīces.
Protams, tas ir reaģē uz mobilo, tā darbojas arī ar viedtālruņiem un planšetdatoriem. Tomēr man nepatīk num pad atbalsta trūkums. Tas, šķiet, ir acīmredzams veids, kā ievadīt laiku, tāpēc bez šīs funkcijas tas var justies ierobežojošs.
Tomēr a unikāls interfeiss un a vienkārša iestatīšana, Es iesaku Timedropper ikvienam, kas vēlas to nošaut.
Tu vari atrast visu avota kodu bez maksas GitHub, un jūs atradīsiet neticami vienkāršu demonstrāciju šajā pildspalvā, kas atrodas zemāk.
Ja jums ir citas domas vai ieteikumi, brīvi dalieties ar izstrādātāju pakalpojumā Twitter @felice_gattuso.