Egy menő naptár, Flatpickr

Sok dátumválasztó plugin létezik, de nekünk még is ez tetszett meg a legjobban. Hogy miért? Amilyen egyszerű, annyira jó, akár egy kezdő webfejlesztőnek sem okoz gondot beállítani a flatpickr-t. Látszik a design-on, hogy nem egy régi típusu naptárról beszélünk, tökéletesen illik a mai weboldalakhoz és sokfajta képpen testreszabható.

Használata

Mivel ez egy ingyenes plugin, így ha használni akarjuk a flatpickr-t, nincs más dolgunk, minthogy behúzzuk a cdn linket a html kódunk head részébe, amit ide kattitnva elérhetünk. Ha még nincs a kódunkba a jQuery beimportálva, célszerű azt is megtenni, mivel a későbbiekben hasznát fogjuk venni a dátumválasztó beállítása során.

Ha ezzel megvagyunk, a HTML kódunkban hozzunk létre egy Input mezőt, melynek adjunk egy Id-t vagy egy Class-t, ezután a JavaScript kódunkban, jQuery-vel hivatkozzunk a következő kóddal:

$(".ClassName").flatpickr(egyeni_beallitasok_ha_szukseges);

Ha az alapértelmezett nem felelne meg nekünk, rengeteg fajta egyéni beállítást tudunk megadni a naptárunknak, melyről itt talál bővebb információt.

Formátum beállítások

A flatpickr formázása nagyon egyszerű és sokféleképpen beállítható. Lehetőségünk van külön a dátum és külön az idő optimalizálására is, hogy milyen formában jelenjen meg. Az alapértelmezett formátum, úgy néz ki pl, hogy "2019-03-11", mely a configban "Y-m-d".

Ha szeretnénk a dátumhoz bármilyen szövegrészt hozzáfűzni, azt megtehetjük a "\\" használatával a configban, pl: 

    dateFormat: "Y-m-d\\dátum", mely a következőt adja majd vissza nekünk: 2019-03-11dátum

Böngészői támogatottság

A flatpickr a következő böngészőkben tudjuk használni: 

• IE9-től felfelé
• Edge
• iOS Safari 6+
• Chrome 8+
• Firefox 6+