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

Discord Community Server für WordPress & Co.

WordPress Freelancer:in, Agentur oder einfach nur Bock auf Webentwicklung und alles was damit zusammenhängt? Komm auf unseren Code & Content Discord Server :) Ich habe einen Discord-Server erstellt, auf dem sich alle Menschen, die Spaß an WordPress haben, austauschen und…...

ETCH – Grundlagen und unsere ersten Eindrücke

Seit letzter Woche ist die erste downloadbare Version vom neuen WordPress PageBuilder Etch verfügbar und ich konnte am Wochenende etwas Zeit finden, um einen ersten Eindruck zu gewinnen in dem ich eine einfache Landing Page gebaut habe. Auch wenn Etch…...

Eine Auswahl an Tools, die wir bei uns einsetzen.

Um für neue Kund*innen und Agenturen transparenter in unserer Arbeitsweise sein zu können, haben wir uns dazu entschieden eine Übersicht unserer Tools, Plugins, Dienstleister*innen zu veröffentlichen. Ihr könnt euch nun auf der Seite Tools einen Einblick in unseren Stack verschaffen.…...