Come modificare le stringhe del selezionatore di date del campo data

È necessario modificare le stringhe del selezionatore di date per i mesi (lunghi e brevi) e Ddill mostra come modificare questo testo utilizzando PHP.

Il selezionatore di date di WPForms è generato utilizzando lo script Flatpickr date, che costruisce il selezionatore di date utilizzando JavaScript.

Per impostazione predefinita, le stringhe del calendario del Date Picker sono in inglese e il primo giorno della settimana del calendario sarà la domenica.

Se si desidera localizzare le stringhe linguistiche utilizzate nel Date Picker, è disponibile un tutorial separato con maggiori dettagli.

Modifica delle stringhe del selezionatore di date

Modificando il codice sottostante, è possibile modificare o tradurre le stringhe utilizzate per i giorni e i mesi nel calendario, nonché regolare il primo giorno della settimana.

In questo esempio, abbiamo tradotto i giorni e i mesi in francese e abbiamo anche cambiato il primo giorno della settimana in lunedì.

È necessario copiare il codice sottostante e aggiungerlo al proprio sito. Poi modificate la lingua per adattarla alle vostre esigenze.

Se avete bisogno di aiuto su come e dove aggiungere gli snippet al vostro sito, consultate questo 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' );

Ora, quando si visualizza il menu a tendina Date Picker, si vedranno immediatamente le modifiche.

Ed ecco fatto! Avete aggiornato con successo la stringa per il Date Picker mesi. Volete personalizzare ulteriormente il campo Data/Ora? Date un'occhiata al nostro articolo su Come personalizzare le opzioni di data del campo data/ora.

Azione di riferimento

wpforms_wp_footer