Sukurti minimalistinį duomenų įvestį Pasirinkite su „Flatpickr“
Vienas iš sudėtingiausių laukų, kuriuos reikia sukurti pasirinkite datą / laiką. Kūrėjai dažnai naudoja paprastus pasirinktus meniu mėnesiui / dienai / metams arba pasikliauna įvairiais įskiepiais.
Pasirinkti laukai puikiai veikia, bet jie yra šiek tiek trapūs. Vietoj to jūs galite džiazuoti savo formą „Flatpickr“ papildinys. Tai yra nemokamas atviro kodo „JavaScript“ kalendoriaus rinkiklis su nuliniu priklausomumu.
Tai buvo suprojektuotas atsižvelgiant į minimalizmą, todėl jis gali tilpti į bet kurią svetainės formą, bet kokią interneto formą ir būti pritaikytas bet kuriam moderniam įrenginiui.
Vienas gražus dalykas apie šį papildinį yra pasirinktinių parinkčių įvairovė. Jūs galite pakartotinai parodyti, kaip datos rodomos teksto lauke ir kur prasideda kalendorius (numatytasis įjungtas “šiandien”).
Bet jūs taip pat galite naudoti ją kaip griežtą datų rinkiklį jei neturite laiko pasirinkimo. Tai tik neprivaloma funkcija, leidžianti perduoti daugiau duomenų per šią formą.
Pažvelkite į Puslapių pavyzdžiai pamatyti Flatpickr veiksmą.
Tu taip pat gali nustatyti tikslines parinktis apriboti datų rinkiklio elgseną, pavyzdžiui:
- Tam tikrų datų / diapazonų neleidimas
- Leidžiama naudoti tik tam tikras datas / intervalus
- Leidžiama pasirinkti kelis datos pasirinkimus
- “Diapazono režimas” pasirinkti pradžios ir pabaigos datą
- Tik datos rinkėjas, arba tik laikas, arba abi dienos ir laikas kartu
Galimybės yra beveik neribotos, ir visos jos dirba per vieną vanilės „JavaScript“ papildinį.
Mobilieji naudotojai dažnai renkasi vietinį datų rinkiklį, bet galite ignoruoti šią funkciją naudodami „JavaScript“ mobilųjį nustatymą. Tokiu būdu turėsite tą pačią sąsają, veikiančią visuose įrenginiuose.
Ir netgi galite pridėkite IE9 palaikymą su polifiliu tai daro vieną iš labiausiai remiamų datos rinkėjų įskiepių.
Įdiegimas paprastas komandas npm, Bower ir Yarn. Arba galite atsisiųsti šaltinio failus tiesiogiai iš „GitHub“ jei pageidaujate šio maršruto.
Viskas, ką jums reikia žinoti, pateikiama nustatymo puslapyje, kuriame rodoma kaip pridėti failus į antraštę & kaip skambinti šiam datų rinkikliui bet kuriame lauke. Lengvai vienas iš geriausių datos rinkėjų įskiepių, sukurtas tiesiog pakankamai, kad atitiktų bet kokį dizainą.
