Möchten Sie anpassen, wie Daten in Ihren Formularen erscheinen? Während WPForms bietet drei Standard-Datum Formate in der Datum / Uhrzeit Feld Datum Picker, können Sie leicht hinzufügen, mehr Formate, um Ihre Bedürfnisse anzupassen.
Diese Anleitung zeigt Ihnen, wie Sie mit PHP eigene Datumsformate erstellen können.
Standardmäßig bietet die Datumsauswahl des Feldes Datum/Uhrzeit drei verschiedene Datumsformate zur Auswahl an.

Einrichten von benutzerdefinierten Datumsformaten
Um neue Datumsformate hinzuzufügen, müssen Sie einen Code-Snippet zu Ihrer Website hinzufügen. Wenn Sie nicht sicher sind, wie Sie benutzerdefinierten Code hinzufügen können, lesen Sie bitte unsere Anleitung zum Hinzufügen von Code-Snippets.
/**
* Add additional formats for the Date field Date Picker
*
* @link https://wpforms.com/developers/how-to-create-additional-formats-for-the-date-field/
*/
function wpf_dev_date_field_formats( $formats ) {
// Item key is JS date character - see https://flatpickr.js.org/formatting/
// Item value is in PHP format - see http://php.net/manual/en/function.date.php
// Adds new format Monday, 20th December 2021
$formats[ 'l, J F Y' ] = 'l, jS F Y';
return $formats;
}
add_filter( 'wpforms_datetime_date_formats', 'wpf_dev_date_field_formats', 10, 1 );
Dieses Datumsformat ermöglicht es uns, das vollständige Datum in einem längeren Format einzugeben : Montag, 20. Dezember 2021. Weitere Formate wie dieses finden Sie in der offiziellen PHP-Formatdokumentation.
Benutzerdefinierte Trennzeichen verwenden
Um das Datumstrennzeichen zu ändern (z. B. von / in -), verwenden Sie diesen Code:
/**
* Change date separator format
*/
function wpf_dev_date_field_formats( $formats ) {
// Adds new format 24-07-2021
$formats[ 'j-m-y' ] = 'j-m-y';
return $formats;
}
add_filter( 'wpforms_datetime_date_formats', 'wpf_dev_date_field_formats', 10, 1 );
Hinzufügen von Wörtern zu Datumsformaten
Um Wörter in Ihr Datumsformat aufzunehmen (z. B. "Montag, 20. Dezember 2021"), verwenden Sie diesen Code:
/**
* Add words to date format
*/
function wpf_dev_date_field_formats( $formats ) {
// Adds new format Monday, 20th of December 2021
$formats[ 'l, J \of F Y' ] = 'l, jS \of F Y';
return $formats;
}
add_filter( 'wpforms_datetime_date_formats', 'wpf_dev_date_field_formats', 10, 1 );
Erstellen des Formulars
Als Nächstes erstellen wir unser Formular und fügen unsere Felder hinzu. Dazu gehört auch ein Datum/Uhrzeit-Feld.
Wenn Sie Hilfe bei der Erstellung eines Formulars benötigen, lesen Sie bitte diese Dokumentation.
Nachdem Sie Ihr Datum/Zeit-Formularfeld hinzugefügt haben, klicken Sie auf die Registerkarte Feldoptionen und wählen Sie Erweitert, um das Format auszuwählen und Ihr neues Format zu wählen.

Und das ist alles, was Sie brauchen, um zusätzliche Datumsformate für Ihr Datumsfeld Date Picker zu erstellen. Möchten Sie auch den Time Picker anpassen? Dann lesen Sie bitte unsere Anleitung zur Anpassung der Zeitauswahl für das Datumsfeld Time Picker.
Referenzfilter
Filter-Referenz: wpforms_datetime_date_formats