So erstellen Sie zusätzliche Formate für das Datumsfeld

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.

die Standard-Datumsauswahlformate zeigen 3 verschiedene Formate 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.

Alle Datumsangaben werden als UNIX-Zeitstempel neben dem lesbaren Format gespeichert. Während die meisten Datumsformate reibungslos funktionieren, können einige komplexe Formate die Fähigkeit von PHP beeinträchtigen, den Zeitstempel korrekt zu erstellen.

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.

Nachdem Sie dieses Snippet hinzugefügt haben, können Sie nun zusätzliche Formate für Ihren Datepicker auswä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