Como modificar o idioma do Data Picker do WPFORMS

Última atualização em

Você precisa modificar o texto do seletor de datas para Meses ( longos e curtos )? Talvez você queira mostrar um idioma diferente no seu seletor de datas. Este tutorial mostrará como alterar este texto usando PHP.

Os WPForms Data Picker é gerado usando o Flatpickr script de data, que cria o seletor de datas usando JavaScript.

Por padrão, o Data Picker as cadeias de calendário estão em inglês e o primeiro dia da semana do calendário será domingo.

new-date-picker-default-language

Configuração

Ajustando o código abaixo, você pode modificar ou traduzir as seqüências usadas por dias e meses no calendário, além de ajustar o primeiro dia da semana.

Neste exemplo, traduzimos os dias e meses para o francês e também mudamos o primeiro dia da semana para segunda-feira.

Você precisará copiar o código abaixo e adicioná-lo ao seu site. Em seguida, modifique o idioma para corresponder ao que você precisa.

<?php

/**
 * 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 linehost_datepicker_wpforms()
{
?>

    <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: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'],
                longhand: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado']
            };

            flatpickrL10n.months = {
                shorthand: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
                longhand: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro']
            };

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

 

Agora, quando você vê seu Data Picker No menu suspenso, você verá as alterações instantaneamente.

data picker

 

E é isso! Você atualizou com sucesso a string para o Data Picker meses.

Também pode te interessar

Publicidade