### [Localizzare le stringhe del Date Picker](https://wpforms.com/developers/localize-the-date-picker-strings/) **Pubblicato:** 22 marzo 2021 **Autore:** David Ozokoye **Estratto:** Questo snippet ti guiderà su come localizzare il Date Picker quando utilizzi il campo modulo WPForms Date Picker. **Contenuto:** Vuoi localizzare le stringhe del Date Picker all'interno del campo Data/Ora di WPForms? La lingua predefinita del Date Picker è l'inglese. Tuttavia, con una libreria JavaScript di terze parti, puoi tradurre le stringhe del Date Picker in altre lingue supportate. In questo tutorial, ti guideremo attraverso le basi della localizzazione delle stringhe del Date Picker utilizzando JavaScript. ## Comprendere il funzionamento del Date Picker di WPForms WPForms utilizza lo script di data Flatpickr per generare il suo Date Picker. Flatpickr costruisce il date picker utilizzando JavaScript. Con oltre **25** lingue disponibili, Flatpickr offre un ampio supporto linguistico, rendendo facile la localizzazione delle stringhe del Date Picker. ## Localizzare le stringhe del Date Picker La localizzazione ti consente di adattare il tuo sito WordPress e i suoi plugin a diverse lingue, garantendo un'esperienza fluida per gli utenti di tutto il mondo. Di seguito, copriremo i passaggi per tradurre le stringhe del Date Picker in WPForms. ### 1. Trovare l'URL e il codice della lingua Per trovare l'URL della lingua di cui avrai bisogno per questo snippet, naviga nel [Repository GitHub di Flatpickr](https://github.com/flatpickr/flatpickr/tree/master/src/l10n "Flatpickr l10n") e individua il file della lingua corrispondente alla tua lingua preferita, come `es` per lo **spagnolo** o `fr` per il **francese**. Una volta trovato il file della lingua appropriato, costruisci un URL utilizzando il seguente formato: `https://npmcdn.com/flatpickr@4.6.13/dist/l10n/{language_code}.js`Sostituisci `{language_code}` con il codice della lingua scelta. Ad esempio, se stai localizzando in francese, il tuo URL sarebbe: `https://npmcdn.com/flatpickr@4.6.13/dist/l10n/fr.js`Questo URL fornirà il file JavaScript necessario contenente le stringhe localizzate del Date Picker per la lingua scelta. **Nota:** Se il codice della tua lingua non è elencato nel Repository GitHub di Flatpickr, allora la tua lingua non è attualmente supportata. ### 2. Caricare la localizzazione del Date Picker Dopo aver ottenuto l'URL per localizzare `wpforms-datepicker-locale`, il passo successivo è aggiungere il codice al tuo sito. Per questo, dovrai aggiungere alcuni snippet JavaScript personalizzati al tuo sito. **Nota:** Se hai bisogno di assistenza su come e dove aggiungere snippet personalizzati, consulta il nostro tutorial su [come aggiungere snippet PHP o JavaScript personalizzati per WPForms](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/) per una guida dettagliata. Per questo tutorial, useremo il francese, quindi nello snippet seguente, noterai che stiamo accodando lo script `https://npmcdn.com/flatpickr@4.6.13/dist/l10n/fr.js`. Dovrai aggiornare lo script per corrispondere alla lingua che desideri localizzare. Lo snippet sopra controlla se ci sono campi Data/Ora nei moduli sul tuo sito, e poi modifica la localizzazione predefinita del Date Picker di WPForms per corrispondere a quella specificata. ### 3. Applicare la localizzazione Il secondo passo è applicare la localizzazione dei **Date Picker** alla pagina, il che viene fatto tramite JavaScript. Procedi ad aggiungere gli snippet di codice seguenti al tuo sito. Quando gli utenti apriranno il date picker nel tuo modulo, le stringhe verranno tradotte nella lingua specificata. ## Aggiungere la logica condizionale (opzionale) Se stai usando il plugin WPML sul tuo sito, sarai in grado di caricare condizionalmente il modulo di localizzazione del date picker. In questo modo le stringhe del date picker cambieranno solo se l'utente sta visualizzando quella specifica locale. L'esempio seguente applicherà la localizzazione solo se l'utente ha specificato che desidera visualizzare la versione spagnola della pagina (es). ## Domande frequenti Di seguito, abbiamo risposto ad alcune domande comuni sulla traduzione delle stringhe del Date Picker in WPForms. #### D: Quando seleziono la data, perché non mostra il formato corretto? **R:** Quando si utilizza questo snippet, si localizzano solo il mese e i giorni nel date picker. Se desideri modificare il formato in cui appare la data, [controlla questo tutorial invece](https://wpforms.com/developers/how-to-create-additional-formats-for-the-date-field/ "Come creare formati aggiuntivi per il campo data"). Ecco fatto! Hai localizzato con successo il testo per il **Date Picker**. Vuoi personalizzare il campo modulo **Data/Ora**? Dai un'occhiata al nostro tutorial su [Come personalizzare le opzioni di data del campo Data/Ora](https://wpforms.com/developers/customize-the-date-time-field-date-options/ "Come personalizzare le opzioni di data del campo Data/Ora"). ## Azioni di riferimento - [wp\_enqueue\_scripts](https://developer.wordpress.org/reference/hooks/wp_enqueue_scripts/ "Utilizzo dell'azione wp_enqueue_scripts") - [wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer_end/ "Utilizzo dell'azione wpforms_wp_footer_end") **Categorie:** Campi **Tag:** JS, Localizzazione, PHP ---