Vytvoriť minimalistický dátum zadania dátumu výberom pomocou nástroja Flatpickr
Jedným z najtichších polí na vytvorenie je dátum / čas vyberte. Vývojári sa často uchýlia k jednoduchým výberom menu za mesiac / deň / rok alebo sa spoliehajú na rôzne doplnky na vykonanie práce.
Výber polí funguje dobre, ale sú trochu neohrabaní. Namiesto toho môžete jazzovať svoj formulár pomocou Flatpickr plugin. Je to free, open-source JavaScript kalendár s nulovými závislosťami.
To bolo navrhnuté s minimalizmom, takže sa môže zapájať do ľubovoľného rozloženia webových stránok, akéhokoľvek webového formulára a mal by byť použiteľný z akéhokoľvek moderného zariadenia.
Jedným z pekných vecí na tomto plugin je rôznych vlastných možností. Môžete upraviť, ako sa dátumy zobrazujú v textovom poli a kde začína kalendár (predvolené nastavenie “dnes”).
Ale môžete tiež používajte ho ako prísne vyberač dátumov ak nemáte potrebný čas na výber. Je to len voliteľná funkcia, ktorá vám umožní preniesť viac údajov prostredníctvom formulára pomocou tohto nástroja na výber.
Pozrite sa na Stránka s príkladmi vidieť Flatpickr v akcii.
Môžete tiež nastaviť cielené možnosti obmedziť správanie výberu dátumov, napríklad:
- Zamietnutie určitých dátumov / rozsahov
- Povolenie len určitých dátumov / rozsahov
- Povolenie viacerých výberov dátumov
- “Rozsahový režim” vyberte dátum začiatku a konca
- Stačí vybrať dátum, alebo len čas, alebo spoločne dátum a čas
Možnosti sú prakticky nekonečné a všetci pracujú prostredníctvom tohto pluginu vanilla JavaScript.
Mobilní používatelia často uprednostňujú prirodzený výber dátumu, ale môžete prepísať to pomocou mobilného nastavenia v jazyku JavaScript. Týmto spôsobom budete mať rovnaké rozhranie fungujúce vo všetkých zariadeniach.
A môžete dokonca pridať IE9 podporu s polyfill čo z nej robí jeden z najlepšie podporovaných zásuviek na vyhľadávanie dátumov.
Inštalácia je jednoduchá príkazy pre npm, Bower a priadzu. Alebo si môžete stiahnuť zdrojové súbory priamo od spoločnosti GitHub ak uprednostňujete túto trasu.
Všetko, čo potrebujete vedieť, nájdete na stránke nastavení, ktorá vám ukáže ako pridať súbory do hlavičky & ako volat tento výber dátumu na ľubovoľnom poli. Jednoducho jeden z najlepších doplnkov pre výber dátumu navrhnutý jednoducho tak, aby sa zmestil s akýmkoľvek dizajnom.
