Stvorite minimalistički datumski ulaz Odaberite s Flatpickr
Jedno od najzahtjevnijih polja za stvaranje je datum / vrijeme odaberite. Programeri često pribjegavaju jednostavnim izbornicima za mjesec / dan / godinu ili se oslanjaju na razne dodatke za obavljanje posla.
Odabrana polja dobro funkcioniraju, ali su malo nezgrapna. Umjesto toga, možete jazz svoj obrazac sa Flatpickr dodatak. To je besplatan izbornik otvorenog koda JavaScripta s nultim ovisnostima.
Bilo je dizajniran s minimalizmom na umu, tako da se može uklopiti u bilo koji izgled web-lokacije, u bilo koji web-obrazac, a može se koristiti s bilo kojeg modernog uređaja.
Jedna lijepa stvar o ovom dodatku je raznih prilagođenih opcija. Možete preformulirati kako se datumi pojavljuju u tekstnom polju i gdje počinje kalendar (zadane postavke su na “danas”).
Ali možete i vi koristite ga kao strogo berač datuma ako nemate potrebu za odabirom vremena. To je samo neobavezna značajka koja vam omogućuje da kroz obrazac proslijedite više podataka s ovim jednim odabirom.
Pogledajte Stranica Primjeri vidjeti Flatpickr u akciji.
Također možete postavite ciljane opcije ograničiti ponašanje birača datuma, kao što su:
- Odbijanje određenih datuma / raspona
- Dopušta samo određene datume / raspone
- Dopušta više odabira datuma
- “Način raspona” za odabir datuma početka i završetka
- Samo izbornik datuma ili samo vrijeme, ili oba datuma i vremena zajedno
Mogućnosti su praktički beskrajne i sve one rade kroz jedan vanilla JavaScript plugin.
Mobilni korisnici često preferiraju izvorni alat za odabir datuma, ali možete poništite ovo s postavkom za mobilne uređaje u JavaScriptu. Na taj ćete način imati isto sučelje na svim uređajima.
I možete čak i dodajte IE9 podršku s polifilom zbog čega je ovo jedan od najsnažnijih podržanih dodataka za odabir datuma.
Instalacija je jednostavna naredbe za npm, Bower i pređu. Ili možete preuzeti izvorne datoteke izravno iz tvrtke GitHub ako preferirate tu rutu.
Sve što trebate znati možete pronaći na stranici za postavljanje koja vam pokazuje kako dodati datoteke u zaglavlje & kako pozvati ovaj alat za odabir datuma na bilo kojem polju. Jednostavno jedan od najboljih dodataka za odabir datuma dizajniran dovoljno jednostavno da stane s bilo kojim dizajnom.