<html lang="de-de" dir="ltr"><head></head><body>### [So zeigen Sie das Alter aus einem Datumsauswahlfeld an](https://wpforms.com/developers/how-to-display-the-age-from-a-date-picker-field/)

**Veröffentlicht:** 2. August 2023
**Autor:** Umair Majeed

**Auszug:** Diese Anleitung führt Sie durch die Anzeige des Alters aus einem Datumsauswahlfeld in Ihrem Formular. 

**Inhalt:**

## Einführung

Möchten Sie das Alter einer Person basierend auf einem Datumsauswahlfeld in Ihrem Formular anzeigen? Diese Anleitung führt Sie durch die Erstellung eines Formulars, das ein Geburtsdatum (DOB) erfasst und dann JavaScript verwendet, um Folgendes zu berechnen und anzuzeigen:

- Ihr Alter **heute**
- Ihr Alter **an einem bestimmten zukünftigen (oder vergangenen) Datum**

## Erstellen des Formulars

Beginnen wir mit der Erstellung eines neuen Formulars und dem Hinzufügen unserer Felder. Stellen Sie sicher, dass Sie mindestens ein **Datumsfeld** einfügen.

![Erstellen Sie Ihr Formular und fügen Sie alle Ihre Felder hinzu, einschließlich mindestens eines Datumsauswahlfelds](https://wpforms.com/wp-content/uploads/2023/08/wpforms-display-age-create-form.jpg)Wenn Sie Hilfe beim Erstellen Ihres Formulars benötigen, [lesen Sie bitte diese Dokumentation](https://wpforms.com/docs/creating-first-form/ "Erstellen Ihres ersten Formulars").

## Hinzufügen des HTML-Felds

Da unser Endziel darin besteht, das Alter anzuzeigen, sobald das Geburtsdatum ausgewählt wurde, fügen wir ein **HTML**-Feld hinzu. Innerhalb dieses Felds betten wir eine leere HTML-Span-Markierung ein, der wir die Klasse „age“ zuweisen. Diese leere Span-Markierung dient als Platzhalter, der das Alter dynamisch anzeigt, sobald das Datumsauswahlfeld die Auswahl des Benutzers erfasst.
``

![Fügen Sie ein HTML-Feld hinzu und fügen Sie in diesem Feld eine leere HTML-Span-Markierung mit der Klasse „age“ hinzu](https://wpforms.com/wp-content/uploads/2023/08/wpforms-display-age-html-field.jpg)## Hinzufügen des Snippets

Fügen Sie eines der folgenden Snippets zu Ihrer Website hinzu.

Jedes Snippet sucht nach einer bestimmten **Formular-ID** und **Feld-ID** (Beispiel: `3535_9`). Aktualisieren Sie diese IDs, damit sie zu Ihrem Formular und Feld passen.

#### Option 1: Alter ab heute anzeigen

```

/**
 * Berechnet das Alter basierend auf dem Geburtsdatum-Datumsauswahlfeld
 *
 * @link https://wpforms.com/developers/how-to-display-the-age-from-a-date-picker-field/
 */
function wpf_dev_check_age() {
?&gt;

**Kategorien:** Tutorials

**Schlagwörter:** Datums-/Zeitfeld, Javascript, JS

---</body></html>