So ändern Sie die Zeichenfolgen des Datumsfeld-Datumsfeld-Auswahl

Müssen Sie die Zeichenfolgen des Datumsfeld-Auswahlfelds für Monate (lang und kurz) ändern? Wir zeigen Ihnen, wie Sie diesen Text mit PHP ändern können.

Der WPForms Datumsgenerator wird mit dem Flatpickr-Datums-Skript generiert, das den Datumsgenerator mit JavaScript erstellt.

Standardmäßig sind die Kalenderzeichenfolgen des Datumsgenerators auf Englisch und der erste Tag der Kalenderwoche ist Sonntag.

Wenn Sie die für den Datumsgenerator verwendeten Sprachzeichenfolgen lokalisieren möchten, haben wir ein separates Tutorial mit weiteren Details.

Datumsgenerator-Zeichenfolgen ändern

Durch Anpassen des folgenden Codes können Sie die für Tage und Monate im Kalender verwendeten Zeichenfolgen ändern oder übersetzen und den ersten Tag der Woche anpassen.

In diesem Beispiel haben wir die Tage und Monate ins Französische übersetzt und auch den ersten Tag der Woche auf Montag geändert.

Sie müssen den folgenden Code kopieren und zu Ihrer Website hinzufügen. Ändern Sie dann die Sprache entsprechend Ihren Bedürfnissen.

Wenn Sie Hilfe beim Hinzufügen von Snippets zu Ihrer Website benötigen, sehen Sie sich dieses Tutorial an.

/**
 * Translate strings for WPForms date picker and modify the first day of the week.
 *
 * @link https://wpforms.com/developers/modify-date-field-date-picker-strings/
 */

function wpforms_flatpickr_l10_strings_customization() {
   ?>

   <script type="text/javascript">

      (function () {
         if ( typeof flatpickr === 'undefined' ) {
            return;
         }

         if ( ! flatpickr.hasOwnProperty( 'l10ns' ) ) {
            return;
         }

         var flatpickrL10n = flatpickr.l10ns.default;

         if ( typeof wpforms_settings !== 'undefined' && wpforms_settings.hasOwnProperty( 'locale' ) ) {
            flatpickrL10n = Object.assign( {}, flatpickrL10n )
            flatpickr.l10ns[wpforms_settings.locale] = flatpickrL10n;
         }

         flatpickrL10n.firstDayOfWeek = 1;

         flatpickrL10n.weekdays       = {
            shorthand: [ 'Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam' ],
            longhand : [ 'Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi' ]
         };

         flatpickrL10n.months         = {
            shorthand: [ 'Janv', 'Févr', 'Mars', 'Avr', 'Mai', 'Juin', 'Juil', 'Août', 'Sept', 'Oct', 'Nov', 'Déc' ],
            longhand : [ 'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre' ]
         };

      })();

   </script>
   <?php
}
add_action( 'wpforms_wp_footer_end', 'wpforms_flatpickr_l10_strings_customization' );

Wenn Sie nun Ihre Datumsgenerator-Dropdownliste anzeigen, sehen Sie die Änderungen sofort.

Und das ist alles! Sie haben erfolgreich die Zeichenfolge für die Monate des Datumsgenerators aktualisiert. Möchten Sie das Datums-/Zeitfeld weiter anpassen? Werfen Sie einen Blick auf unseren Artikel So passen Sie die Datumsoptionen des Datums-/Zeitfelds an.

Referenzaktion

wpforms_wp_footer