Izveidot minimālistisku datu ievades ievadi Izvēlieties ar Flatpickr
Viens no visgrūtākajiem laukiem ir izvēlieties datumu / laiku. Izstrādātāji bieži izmanto vienkāršas izvēlnes mēnesī / dienā / gadā vai paļaujas uz dažādiem spraudņiem, lai veiktu darbu.
Izvēlēties laukus darbojas labi, bet tie ir nedaudz trūcīgi. Tā vietā varat veidot džeza formu ar Flatpickr spraudnis. Tas ir bezmaksas, atvērtā koda JavaScript kalendāra atlasītājs ar nulles atkarībām.
Tas bija izstrādāts ar minimālismu, tā var ietilpt jebkurā tīmekļa vietnes izkārtojumā, jebkurā tīmekļa formā, un tai jābūt lietošanai no jebkuras modernas ierīces.
Viena jauka lieta par šo spraudni ir dažādas pielāgotās iespējas. Varat atjaunot, kā datuma lauki parādās teksta laukā un kur sākas kalendārs (pēc noklusējuma ieslēgts “šodien”).
Bet jūs varat arī izmantot to tik stingri kā datuma atlasītājs ja jums nav vajadzīgas laika izvēles. Tā ir tikai izvēles iespēja, kas ļauj jums nodot vairāk datu, izmantojot šo veidotāju.
Paskatieties Lapu piemēri redzēt Flatpickr darbībā.
Jūs varat arī iestatīt mērķtiecīgas iespējas lai ierobežotu datuma atlasītāja rīcību, piemēram:
- Atsevišķu datumu / diapazonu aizliegšana
- Atļaut tikai noteiktus datumus / diapazonus
- Atļaut vairāku datumu izvēli
- “Diapazona režīms” lai izvēlētos sākuma un beigu datumu
- Tikai datuma atlasītājs, vai tikai laiks, vai gan datums, gan laiks kopā
Iespējas ir praktiski bezgalīgas, un tās visas strādā, izmantojot vienu vaniļas JavaScript spraudni.
Mobilie lietotāji bieži izvēlas vietējo datumu atlasītāju, bet jūs varat ignorēt to ar mobilo iestatījumu JavaScript. Tādā veidā jums būs tāda pati saskarne visās ierīcēs.
Un jūs pat varat pievienot IE9 atbalstu ar polifilumu kas padara to par vienu no visvairāk atbalstītajiem datumu atlasītāju spraudņiem.
Uzstādīšana ir vienkārša ar komandas npm, Bower un Dzija. Vai arī varat lejupielādēt avota failus tieši no GitHub ja vēlaties šo maršrutu.
Viss, kas jums jāzina, ir atrodams iestatīšanas lapā, kas parāda jums kā pievienot failus galvenei & kā izsaukt šo datumu atlasītāju jebkurā laukā. Viens no labākajiem datumu atlasītāju spraudņiem, kas ir vienkārši izstrādāts, lai atbilstu jebkuram dizainam.
