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

Bricks Draggable Elements Plugin

Hey, in meinem YouTube Video "Bricks Landing Page #6" zeige ich, wie mittels interact.js jedes Element im Bricks Builder für Webseitenbesucher*innen verschiebbar gemacht wird. Das Plugin kannst du hier kostenfrei runterladen. Es kann auch ohne Einwilligung in kommerzielle Projekte verwendet…...

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…...