KI-Zusammenfassung
Möchten Sie vergangene Zeiten im Feld Datum / Uhrzeit mit WPForms deaktivieren? Auf Ihrem Formular möchten Sie möglicherweise alle Zeiten deaktivieren, die für den Tag bereits vergangen sind, was derzeit von WPForms nicht standardmäßig unterstützt wird.
In diesem Tutorial zeigen wir Ihnen, wie Sie vergangene Zeiten mit einem benutzerdefinierten JavaScript-Snippet deaktivieren.
Erstellen Ihres Formulars
Zuerst erstellen wir unser Formular und fügen unsere Felder hinzu, darunter mindestens ein Zeit-Feld.
Wenn Sie Hilfe beim Erstellen Ihres Formulars benötigen, lesen Sie bitte diese Dokumentation.
Sobald Sie das Zeit-Feld hinzugefügt haben, klicken Sie auf die Registerkarte Erweitert und legen Sie Ihr Intervall fest. Für diese Demo haben wir unser Intervall auf 15 Minuten eingestellt.
Hinzufügen des Snippets
Um vergangene Zeiten automatisch zu deaktivieren, müssen wir einen Code-Schnipsel zu unserer Website hinzufügen. Bevor Sie beginnen, lesen Sie bitte dieses Tutorial, wenn Sie Hilfe beim Hinzufügen von benutzerdefinierten Code-Schnipseln in WordPress benötigen.
Das Snippet sucht nach der Formular-ID 999 und wird nur auf die Feld-ID 8 angewendet. Zusätzlich zur Deaktivierung vergangener Zeiten wird es auch aufrunden, sodass keine Zeitauswahlen wie 9:37 angezeigt werden.
Sie müssen jede Instanz von window.wpforms_999_8 aktualisieren, um Ihre eigenen Formular- und Feld-IDs anzugeben. Wenn Sie Hilfe beim Finden dieser IDs benötigen, sehen Sie sich dieses Tutorial an.
Das ist alles! Sie wissen jetzt, wie Sie vergangene Zeiten im Feld Datum / Uhrzeit deaktivieren.
Möchten Sie als Nächstes auch Ihre eigenen Intervalle für das Zeit-Feld erstellen? Sehen Sie sich unser Tutorial zum Erstellen zusätzlicher Intervalle für die Zeitauswahl des Feldes Datum / Uhrzeit an.
Verwandt
Aktionsreferenz: wpforms_wp_footer_end