flatpickr für REDAXO

flatpickr ist ein leichtgewichtiger und leistungsfähiger Datums-Picker.

Wie installieren?

Einfach über den REDAXO-Installer installieren.

{"class": "flatpickr", "data-locale": "de", "data-enableTime": "true"}

<input type="date" class="form-control flatpickr" data-locale="de" data-enableTime="true" name="REX_INPUT_VALUE[1]" value="REX_VALUE[1]">

{"class": "flatpickr_range","data-locale":"de","data-enableTime":"true", "data-rangefield":"#id"}

Wenn man die Uhrzeit in einem Datumsfeld nicht sehen möchte, sollte man den Timepicker nicht verwenden und eine andere Ansicht einstellen.

Einfach das data-altFormat setzen 😀.

{"class": "flatpickr", "data-altFormat": "j. F, Y"}

Einzelne Tage können deaktiviert werden. Hierzu listet man diese Tage im Attribut data-disabled als kommaseparierte Liste.

Example:

{"class": "flatpickr","data-locale":"de","data-enableTime":"true", "data-disabled":"2022-12-11,2022-12-24,2022-12-25"}

Friends Of REDAXO

Project-Lead Thomas Skerbis

Vendor https://flatpickr.js.org