Koduleht » Toolkit » Kohandatud aja sisendväljad jQuery Timedropperiga

    Kohandatud aja sisendväljad jQuery Timedropperiga

    Mõned veebivormid nõuavad kuupäevapõhised sisendid ja kuupäeva valija pluginad võivad sellega aidata. Aga kuidas aja sisendid?

    Tasuta jQuery pluginaga Timedropper, saate lisada kohandatud ajastajad kohtumiste määramiseks, telefonikõnede ajastamiseks või päris palju, mida vajate.

    See on väga lihtne ja sina vaja ainult jQuery raamatukogu alustada. Kui olete selle raamatukogu installinud, saate lisada Timedropper JS / CSS-faile ja lasta tal töötada. See ongi see!

    Iga sisestusvälja peab olema on suunatud jQuery valijale mis seejärel lisab Timedropper sisendvälja. See sellel on võimalusi saate lisada lisavõimalustega:

    • Automaatne lüliti - lülitub automaatselt, muutes tund / minut
    • Meridiaanid - seadke 12-tunnine kell 24 tunni asemel
    • Vorming - määrab, kuidas tunde ja minutit kuvatakse (vaikimisi stiil on 1:22)
    • Hiireratas - võimaldab ratta kerimisega seotud aja muutmist
    • Init_animation - lülitab fading animatsiooni efektid sisse
    • setCurrentTime - lisab automaatselt kellaaja väärtuse väljale

    Kui sa oled veel julgem stiili muutmine kasutades mõningaid eelnevalt pakitud teemasid või isegi ehitada oma nullist.

    JQuery pluginate merel on Timedropper mesilaste põlved. See on tõesti pakub ainulaadset liidest iga rakenduse jaoks, et valida aeg olenemata seadmest.

    Loomulikult on see mobiilne reageeriv, nii see töötab ka nutitelefonide ja tablettide puhul. Kuid mulle ei meeldi numbri toe puudumine. See tundub olevat ilmne viis aja sisestamiseks, nii et ilma selle funktsioonita võib see tunda piiramist.

    Siiski, a unikaalne liides ja a lihtne seadistamine, Ma soovitan Timedropperit igaühele, kes soovib seda teha.

    Leiad kogu lähtekoodi tasuta GitHubis ja leiate selle pliiatsist uskumatult lihtsa demo, mis on allpool paigutatud.

    Kui teil on mõni muu mõte või soovitus, võite jagada arendajaga Twitteris @felice_gattuso.