Ustvarite minimalistični vhodni čas izbire z Flatpickr
Eno najbolj zahtevnih polj za ustvarjanje je datum / čas. Razvijalci se pogosto zatekajo k enostavnim menijem za mesec / dan / leto ali se zanašajo na različne vtičnike za opravilo.
Izbrana polja so v redu, vendar so malo nezgrapna. Namesto tega lahko obliko zapišete z Flatpickr plugin. Je brezplačen izbirnik s koledarjem odprtokodnega JavaScripta in brez odvisnosti.
Bilo je zasnovan z mislijo na minimalizem, tako, da se lahko prilega v katero koli spletno postavitev, kateri koli spletni obrazec in jo je mogoče uporabljati s katero koli moderno napravo.
Ena dobra stvar pri tem vtičniku je različne možnosti po meri. Lahko se preoblikujejo datumi v besedilnem polju in kje se začne koledar (privzete vrednosti na “danes”).
Lahko pa tudi uporabite ga kot strogo izbirnik datuma če vam ni treba izbrati časa. To je le neobvezna funkcija, ki vam omogoča, da prek obrazca prenesete več podatkov s tem enim izbirnikom.
Oglejte si Primerna stran da bi videli Flatpickr v akciji.
Lahko tudi nastavite ciljne možnosti omejiti vedenje izbirnika datuma, na primer:
- Prepoved določenih datumov / razponov
- Dovoli samo določene datume / obsege
- Omogočanje več izbir datuma
- “Način razpona” , da izberete začetni in končni datum
- Samo izbirnik datumov, ali samo čas, ali oba datuma in časa skupaj
Možnosti so praktično neskončne in vse delujejo preko tega enega plugina JavaScripta vanilije.
Mobilni uporabniki pogosto raje izberejo izvorni datum, vendar ga lahko prekličite to z nastavitvijo za mobilne naprave v JavaScriptu. Tako boste imeli isti vmesnik, ki bo deloval na vseh napravah.
In lahko celo dodajte podporo IE9 s polifilom zaradi česar je to eden najbolj dobro podprtih vtičnikov za izbiranje datumov.
Namestitev je preprosta ukazi za npm, Bower in prejo. Lahko pa tudi prenesete izvorne datoteke neposredno od podjetja GitHub če želite to pot.
Vse, kar morate vedeti, lahko najdete na strani z nastavitvami, ki vam pokaže kako dodati datoteke v glavo & kako klicati izbirnik datuma na katerem koli polju. Enostavno eden najboljših vtičnikov za izbiranje datuma, ki je zasnovan dovolj preprosto, da se prilega vsakemu dizajnu.
