Ändern von Datumsfeld-Datumsauswahl-Zeichenfolgen

Müssen Sie das Datum Picker Strings für Monate (lang und kurz) sowie Ddill zeigen Ihnen, wie Sie diesen Text mit PHP zu ändern.

Der WPForms Date Picker wird mit dem Flatpickr-Datums-Skript generiert, das den Date Picker mit JavaScript aufbaut.

Standardmäßig sind die Zeichenfolgen des Date Picker Kalenders in Englisch und der erste Tag der Kalenderwoche ist Sonntag.

So sieht die Datumsauswahl im Datumsfeld standardmäßig aus

Wenn Sie die in der Datumsauswahl verwendeten Sprachstrings lokalisieren möchten, haben wir ein separates Tutorial mit weiteren Details.

Ändern von Zeichenfolgen für die Datumsauswahl

Durch Anpassung des nachstehenden Codes können Sie die für die Tage und Monate im Kalender verwendeten Zeichenfolgen ändern oder übersetzen sowie 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 in Montag geändert.

Kopieren Sie den unten stehenden Code und fügen Sie ihn in Ihre Website ein. Ändern Sie dann die Sprache so, wie Sie sie brauchen.

Wenn Sie Hilfe benötigen, wie und wo Sie Snippets zu Ihrer Website hinzufügen können, lesen Sie bitte dieses Tutorial.

/**
 * 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 Datumsauswahl aufrufen, sehen Sie die Änderungen sofort.

So sieht die Datumsauswahl jetzt aus, seit wir unsere Sprache geändert haben

Alternativ können Sie die Datumsauswahl auch mit einer Bibliothek aus einem Skript übersetzen, folgen Sie dazu einfach den Schritten in dieser Dokumentation.

Und das war's! Sie haben die Zeichenfolge für die Date Picker Monate erfolgreich aktualisiert. Möchten Sie das Datum/Zeit-Feld weiter anpassen? Schauen Sie sich unseren Artikel über die Anpassung der Datums-/Zeitfeld-Datumsoptionen an.

Referenz Aktion

wpforms_wp_footer