### [Localizar as Strings do Seletor de Datas](https://wpforms.com/developers/localize-the-date-picker-strings/) **Publicado:** 22 de março de 2021 **Autor:** David Ozokoye **Resumo:** Este trecho irá guiá-lo através da localização do seletor de datas ao usar o campo de data do WPForms. **Conteúdo:** Gostaria de localizar as strings do Seletor de Datas dentro do campo Data/Hora do WPForms? O idioma padrão do Seletor de Datas é o inglês. No entanto, com uma biblioteca JavaScript de terceiros, você pode traduzir as strings do Seletor de Datas para outros idiomas suportados. Neste tutorial, iremos guiá-lo pelos fundamentos da localização de strings do Seletor de Datas usando JavaScript. ## Compreender como funciona o Seletor de Datas do WPForms O WPForms utiliza o script de data Flatpickr para gerar seu Seletor de Datas. O Flatpickr constrói o seletor de datas usando JavaScript. Com mais de **25** idiomas disponíveis, o Flatpickr oferece amplo suporte a idiomas, facilitando a localização das strings do Seletor de Datas. ## Localizar as Strings do Seletor de Datas A localização permite adaptar seu site WordPress e seus plugins a diferentes idiomas, garantindo uma experiência perfeita para usuários em todo o mundo. Abaixo, cobriremos as etapas para traduzir as strings do Seletor de Datas no WPForms. ### 1. Encontrar o URL e o Código do Idioma Para encontrar o URL do idioma que você precisará para este trecho, navegue até o [Repositório GitHub do Flatpickr](https://github.com/flatpickr/flatpickr/tree/master/src/l10n "Flatpickr l10n") e localize o arquivo de idioma correspondente ao seu idioma preferido, como `es` para **Espanhol** ou `fr` para **Francês**. Depois de encontrar o arquivo de idioma apropriado, construa um URL usando o seguinte formato: `https://npmcdn.com/flatpickr@4.6.13/dist/l10n/{language_code}.js`Substitua `{language_code}` pelo código do seu idioma escolhido. Por exemplo, se você estiver localizando para o francês, seu URL seria: `https://npmcdn.com/flatpickr@4.6.13/dist/l10n/fr.js`Este URL fornecerá o arquivo JavaScript necessário contendo as strings localizadas do Seletor de Datas para o seu idioma escolhido. **Nota:** Se o seu código de idioma não estiver listado no Repositório GitHub do Flatpickr, então o seu idioma não é suportado atualmente. ### 2. Carregar a Localização do Seletor de Datas Após obter o URL para localizar o `wpforms-datepicker-locale`, o próximo passo é adicionar o código ao seu site. Para isso, você precisará adicionar alguns trechos de JavaScript personalizados ao seu site. **Nota:** Se precisar de ajuda sobre como e onde adicionar trechos personalizados, consulte nosso tutorial sobre [como adicionar trechos PHP ou JavaScript personalizados para o WPForms](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/) para um guia detalhado. Para este tutorial, usaremos o francês, então no trecho abaixo, você notará que estamos enfileirando o script `https://npmcdn.com/flatpickr@4.6.13/dist/l10n/fr.js`. Você precisará atualizar o script para corresponder ao idioma que deseja localizar. O trecho acima verifica se há algum campo Data/Hora nos formulários do seu site e, em seguida, modifica a localização padrão do Seletor de Datas do WPForms para corresponder à que você especificou. ### 3. Aplicar a Localização O segundo passo é aplicar a localização dos **Seletores de Datas** à página, o que é feito via JavaScript. Prossiga para adicionar os trechos de código abaixo ao seu site. Quando os usuários abrirem o seletor de datas em seu formulário, as strings serão traduzidas para o idioma que você especificou. ## Adicionar Lógica Condicional (opcional) Se você estiver usando o plugin WPML em seu site, poderá carregar condicionalmente o módulo de localização do seletor de datas. Desta forma, as strings do seletor de datas só mudam se o usuário estiver visualizando aquele local específico. O exemplo abaixo aplicará a localização apenas se o usuário tiver especificado que deseja ver a versão em espanhol da página (es). ## Perguntas Frequentes Abaixo, respondemos a algumas perguntas comuns sobre a tradução de strings do Seletor de Datas no WPForms. #### P: Quando seleciono a data, por que ela não mostra o formato correto? **R:** Ao usar este trecho, você apenas localiza o Mês e os Dias no seletor de datas. Se você deseja alterar o formato de como a data aparece, [consulte este tutorial em vez disso](https://wpforms.com/developers/how-to-create-additional-formats-for-the-date-field/ "Como Criar Formatos Adicionais para o Campo de Data"). É isso! Você localizou com sucesso o texto para o **Seletor de Datas**. Gostaria de personalizar o campo de formulário **Data/Hora**? Dê uma olhada em nosso tutorial sobre [Como Personalizar as Opções de Data do Campo Data/Hora](https://wpforms.com/developers/customize-the-date-time-field-date-options/ "Como Personalizar as Opções de Data do Campo Data/Hora"). ## Ações de Referência - [wp\_enqueue\_scripts](https://developer.wordpress.org/reference/hooks/wp_enqueue_scripts/ "Usando a ação wp_enqueue_scripts") - [wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer_end/ "Usando a ação wpforms_wp_footer_end") **Categorias:** Campos **Tags:** JS, Localização, PHP ---