### [Deaktivieren vergangener Zeiten im Zeitauswahlfeld](https://wpforms.com/developers/how-to-disable-past-times-on-the-time-picker/)

**Veröffentlicht:** 21. Januar 2022
**Autor:** David Ozokoye

**Auszug:** In diesem Tutorial zeigen wir Ihnen, wie Sie vergangene Zeiten im Zeitauswahlfeld mithilfe von JavaScript deaktivieren können. 

**Inhalt:**

Möchten Sie vergangene Zeiten deaktivieren, wenn Sie das Datums-/Zeitfeld mit WPForms verwenden? In Ihrem Formular möchten Sie möglicherweise alle Zeiten deaktivieren, die für den Tag bereits vergangen sind, was derzeit in WPForms standardmäßig nicht unterstützt wird.

 In diesem Tutorial zeigen wir Ihnen, wie Sie vergangene Zeiten mit einem benutzerdefinierten JavaScript-Snippet deaktivieren können.

---

## Erstellen Ihres Formulars

Zunächst 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](https://wpforms.com/docs/creating-first-form/ „So erstellen Sie Ihr erstes Formular“).

Nachdem 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 **15 Minuten** eingestellt.

![Erstellen Sie Ihr Formular und fügen Sie Ihr Zeitfeld hinzu. Sie müssen auch das Intervall festlegen](https://wpforms.com/wp-content/uploads/2022/01/add-time-field-wpforms.jpg)## Hinzufügen des Snippets

Um vergangene Zeiten automatisch zu deaktivieren, müssen wir ein Snippet zu unserer Website hinzufügen. Bevor Sie beginnen, [lesen Sie bitte dieses Tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ „Wie man benutzerdefiniertes PHP oder JavaScript für WPForms hinzufügt“), falls Sie Hilfe beim Hinzufügen von benutzerdefinierten Code-Snippets 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 auch aufgerundet, damit Zeitangaben wie **9:37** nicht als Option angezeigt werden.

Sie müssen jede Instanz von **window.wpforms\_999\_8** an Ihre eigenen Formular- und Feld-IDs anpassen. Wenn Sie Hilfe beim Auffinden dieser IDs benötigen, [lesen Sie bitte dieses Tutorial](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ „So finden Sie die Formular-ID und die Feld-ID“).

Das war’s! Sie wissen nun, wie Sie vergangene Zeiten im Datums-/Zeitfeld deaktivieren können.

Möchten Sie als Nächstes auch eigene **Intervalle** für das **Zeit**-Feld erstellen? Schauen Sie sich unser Tutorial zum [Erstellen zusätzlicher Intervalle für die Zeitauswahl des Datums-/Zeitfelds](https://wpforms.com/developers/how-to-create-additional-intervals-for-the-date-time-field-time-picker/ „So erstellen Sie zusätzliche Intervalle für die Zeitauswahl des Datums-/Zeitfelds“) an.

## Verwandte Themen

Aktionsreferenz: [wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer_end/ „Verwendung der Aktion wpforms_wp_footer_end“)

**Kategorien:** Tutorials

**Tags:** Javascript, JS

---