Mitä kello on? On aika 10 super siistiä jQuery Time Picker -pluginia verkkosivuillesi! Näemme kasoittain päivämääränpoimijoita ja kalenterinpoimijoita, mutta ei niin montaa ajanpoimijaa, joten on jo aika näyttää teille muutamia! Pidä hauskaa!

Päivitetty: Maaliskuu 24, 2016 Poistettu vanhentuneita, rikkinäisiä tai vanhentuneita liitännäisiä. Päivitettiin koko lista nykyisten suunnittelutrendien ja standardien perusteella, mukaan lukien useita uusia lisäyksiä.

jquery.timepicker

Etsitkö jotain yksinkertaista? Google-kalenterin innoittamana jquery.timepicker on vankka kirjasto, joka on suunniteltu tekemään ajan syöttämisestä mahdollisimman luonnollista.

Kotisivu/Demo | GitHub

Wickedpicker

Yksi parhaimman näköisistä teemoista, Wickedpicker lisää tyyliä verkkosivuillesi kuollettavan yksinkertaisella käyttöliittymällä.

Homepage/Demo | GitHub

jQuery Timepicker

Mahdollistaa käyttäjälle ajan kirjoittamisen vapaassa muodossa tai lisäämällä helppokäyttöisen pudotusvalikon. Älä sekoita tätä lisäosaa listamme ensimmäiseen, se on täysin eri lisäosa samalla nimellä!

Homepage/Demo | GitHub

Bootstrap Material Datetimepicker

Älä anna nimen hämmentää, tämä lisäosa ei vaadi Bootstrapia (enää)! Alun perin luotu käytettäväksi Boostrapissa, tämä siistin näköinen kellon timepicker vaatii vain jQueryn.

Homepage/Demo | GitHub

jQuery UI Timepicker

On jQuery UI:n kellonajanpoimija-plugin, joka on rakennettu yhteensopivaksi muiden virallisten jQuery UI -widgettien kanssa. Perustuu olemassa olevaan päivämäärän valitsimeen, se sulautuu kauniisti lomakkeeseesi ja käyttää valitsemaasi jQuery UI -teemaa. Lisäosa on erittäin helppo integroida lomakkeeseesi aika (tunnit / minuutit) syötteitä varten.

Kotisivu/Demo | GitHub

TimePicki

Jos sivusi kaipaa hieman enemmän tyyliä, TimePicki saattaa olla oikea sinulle. Vaikuta käyttäjiin tällä hyvin suunnitellulla modernin näköisellä lisäosalla.

Homepage/Demo | GitHub

jQueryTimeAutocomplete

Muutakin kuin pelkkä timepicker, jQueryTimeAutocomplete antaa kehittäjälle mahdollisuuden toteuttaa aika-alueen valitsimen helposti.

Homepage/Demo | GitHub

jQuery Time Entry

Anna käyttäjiesi muuttaa aikamerkintää monella eri tavalla, jopa hiirenpyörällä!

Homepage/Demo | GitHub

ptTimeSelect

On jQuery-liitännäinen, joka tarjoaa käyttäjälle käyttöliittymän, jonka avulla hän voi määritellä ja asettaa kellonajan käyttäjän lomakkeella. Se vaatii jQueryn (ilmeisesti) sekä dimmention.js-liitännäisen (saatavilla myös jQuerysta).

Homepage/Demo | GitHub

Timeago

Timeago ei ole itse aikavalitsin, mutta se voi auttaa sinua helposti rakentamaan sellaisen päivittämällä sumeat aikaleimat automaattisesti. (esim. ”4 minuuttia sitten” tai ”noin 1 päivä sitten”)

Homepage/Demo | GitHub

Vastaa

Sähköpostiosoitettasi ei julkaista.