Kotisivu » Toolkit » Custom Time Input -kentät, joissa on jQuery Timedropper

    Custom Time Input -kentät, joissa on jQuery Timedropper

    Jotkin web-lomakkeet vaativat päivämäärään perustuvat tulot ja päivämääränvalitsimen laajennukset voivat auttaa. Entä aikatulot?

    Vapaa jQuery-laajennus Timedropper, voit lisätä mukautetut ajanottolaitteet tapaamisia, puhelujen aikatauluttamista tai melko paljon mitä tarvitset.

    Se on uskomattoman yksinkertainen ja sinä tarvitsee vain jQuery-kirjaston aloittaa. Kun olet asentanut kyseisen kirjaston, voit lisätä Timedropper JS / CSS-tiedostot ja antaa sen ajaa. Se siitä!

    Jokaisen syöttökentän on oltava jQuery-valitsin joka lisää Timedropper-syöttökentän. Tämä ei ole vaihtoehtoja voit lisätä ylimääräisiä (valinnaisia) ominaisuuksia:

    • Automaattinen vaihto - muuttuu automaattisesti tunti / minuutti, kun mousing ylös
    • meridiaanit - aseta 12 tunnin kello 24 tunnin sijasta
    • Muoto - määrittää, kuinka tunnit ja minuutit näkyvät (oletustyyli on 13: 22)
    • Hiiren rulla - mahdollistaa pyörän vieritykseen perustuvan ajanmuutoksen
    • Init_animation - käynnistää häipyvän animaatiovaikutukset
    • setCurrentTime - lisää automaattisesti nykyisen ajan kenttäarvoon

    Jos olet vielä rohkeampi muuttaa tyyliä käyttämällä muutamia valmiiksi pakattuja teemoja tai jopa rakentaa omia tyhjästä.

    JQuery-pluginien meressä Timedropper on mehiläisten polvet. Se todella tarjoaa ainutlaatuisen käyttöliittymän minkä tahansa sovelluksen avulla voit valita ajan laitteesta riippumatta.

    Luonnollisesti se on mobiili-reagoiva, joten se toimii myös älypuhelimissa ja tableteissa. En kuitenkaan pidä siitä numpad-tuen puuttuminen. Se tuntuu olevan ilmeinen tapa kirjoittaa aika, joten ilman tätä ominaisuutta se voi tuntea rajoittavan.

    Silti a ainutlaatuinen käyttöliittymä ja a yksinkertainen asennus, Suosittelen Timedropperia kaikille, jotka haluavat antaa sille kuvan.

    Voit löytää kaikki lähdekoodit ilmainen GitHubissa ja löydät uskomattoman yksinkertaisen demon alla olevasta kynästä.

    Jos sinulla on muita ajatuksia tai ehdotuksia, voit jakaa kehittäjän kanssa Twitter @felice_gattuso.