FluentForms: Nur bestimmten Zeitraum im Kalender Feld erlauben

5. August 2024

Hey,

ein Kunde von uns hat auf seiner Webseite ein Kontaktformular zur Terminvereinbarung. Das Formular haben wir mit FluentForms realisiert. Das Datum Feld auf der Webseite wurde mit dem Kalender Feld umgesetzt und er bat uns nun, dass kein Datum vor dem 01. September ausgewählt werden darf.

FluentForms nutzt als Library für den Datums-Picker das flatpickr JavaScript. Wenn ihr das Formular bearbeitet, habt ihr unter “Advanced Options” die Möglichkeit, ein JS-Objekt zu definieren, welches bestimmte Konfigurationen beinhalten kann.

Für den Fall, dass das Datum nun also frühestens der 01. September sein muss, kann dort folgenden definiert werden:

{
    minDate: "01.09.2024",
}

Weitere Definitionsparameter könnt ihr gerne der offiziellen flatpickr Dokumentation entnehmen.

Genug gelesen?

Du brauchst direkte Unterstützung bei deiner WordPress-Webseite?
Vereinbare unverbindlich und kostenlos ein Online-Meeting mit uns.

Online Termin vereinbaren

Wartungsarbeiten: Jetzt inklusiver Patchstack Protection

Die Webseiten unserer Wartungskund*innen werden seit heute zusätzlich mit dem Security Dienst von patchstack.com überwacht. Inklusive automatischer Patches bei Sicherheitslücken. Ohne Zusatzkosten. Patchstack hat uns in den letzten Monaten immer wieder bewiesen, dass sie wirklich kontinuierlich Sicherheitslücken in vielgenutzten WordPress-Plugins…...

Webseiten mit BricksBuilder erstellen

In diesem Tutorial zeige ich euch, wie ihr eine WordPress Webseite auf Basis vom BricksBuilder erstellen könnt. Wir schauen uns an, wie wir das WordPress CMS korrekt nutzen können, um eigene Post Typen zu pflegen; wie wir Card Elemente auf…...

Borlabs Cookie Banner mit Automatic.CSS stylen

Keine Lust drauf, mehr als 20 Farbboxen im Borlabs Cookie Banner Plugin händisch auszuwählen, um das Look&Feel der Primärfarbe deiner Webseite anzupassen? Fühl ich. Nachdem mir der Support vom Borlabs Cookie Banner bestätigt hat, dass diese keine Unterstützung von CSS…...