Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 7 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save claudiohilario/88771cf84cc87f6cbd0d269f9674257f to your computer and use it in GitHub Desktop.
Save claudiohilario/88771cf84cc87f6cbd0d269f9674257f to your computer and use it in GitHub Desktop.
Tradução para português do Date Picker (materializecss)
$(function () {
//Config datepiker matrializecss () language
$('.datepicker').pickadate({
selectMonths: true,//Creates a dropdown to control month
selectYears: 15,//Creates a dropdown of 15 years to control year
//The title label to use for the month nav buttons
labelMonthNext: 'Proximo Mês',
labelMonthPrev: 'Mês Anterior',
//The title label to use for the dropdown selectors
labelMonthSelect: 'Selecionar Mês',
labelYearSelect: 'Selecionar Ano',
//Months and weekdays
monthsFull: [ 'Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro' ],
monthsShort: [ 'Jan', 'Fev', 'Mar', 'Abr', 'Maio', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez' ],
weekdaysFull: [ 'Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado' ],
weekdaysShort: [ 'Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb' ],
//Materialize modified
weekdaysLetter: [ 'D', 'S', 'T', 'Q', 'Q', 'S', 'S' ],
//Today and clear
today: 'Hoje',
clear: 'Limpar',
close: 'Fechar',
//The format to show on the `input` element
format: 'dd/mm/yyyy'
});
});
@claudiohilario
Copy link
Author

claudiohilario commented Oct 23, 2016

Data atual

var data = new Date();
var mes = data.getMonth();
var ano = data.getFullYear()-10;
var dia = data.getDay();

$('.datepicker').pickadate({
max: new Date(ano,mes,dia)
});

@buutqn
Copy link

buutqn commented Jan 29, 2018

Houveram mudanças na versão alpha 1.0

Segue o código que uso na versão 1.0.0-alpha.3

i18n: {
    today: 'Hoje',
    clear: 'Limpar',
    done: 'Ok',
    nextMonth: 'Próximo mês',
    previousMonth: 'Mês anterior',
    weekdaysAbbrev: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
    weekdaysShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'],
    weekdays: ['Domingo', 'Segunda-Feira', 'Terça-Feira', 'Quarta-Feira', 'Quinta-Feira', 'Sexta-Feira', 'Sábado'],
    monthsShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
    months: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro']
}

Exemplo de uso javascript e jQuery:

var datepicker_pt_br = {
    today: 'Hoje', clear: 'Limpar', done: 'Ok', nextMonth: 'Próximo mês', previousMonth: 'Mês anterior', weekdaysAbbrev: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'], weekdaysShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'], weekdays: ['Domingo', 'Segunda-Feira', 'Terça-Feira', 'Quarta-Feira', 'Quinta-Feira', 'Sexta-Feira', 'Sábado'], monthsShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'], months: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro']
}
var options = {
    container: 'body',
    showDaysInNextAndPreviousMonths: true,
    i18n: datepicker_pt_br,
   //outras configurações
}
var instance = M.Datepicker.init(datePickerElement, options); //javascript init
$(".datepicker").datepicker(options); //jQuery init

@vitorvsv
Copy link

vitorvsv commented Apr 6, 2019

@buutqn consultei na seguinte página e na documentação não fala que precisa passar um objeto pra função que inicializar o datepicker, onde achou isso na documentação?

@vitorvsv
Copy link

vitorvsv commented Apr 6, 2019

Código para tradução do timepicker

$(document).ready(function() {
    $('.timepicker').timepicker({
        i18n: {
            cancel: 'Cancelar',
            clear: 'Limpar',
            done: 'Ok'
        },
        twelveHour : false, // 12 horas, usa AM/PM
        autoclose: false  //Fecha o timepicker automaticamente apos selecionar a hora
    });
});

@rafaelqueiroz88
Copy link

Atentar-se ao nome dado a função datepicker. Muitas documentações mostram como:

$('.datepicker').pickadate();

O ideal seria utilizar:

$('.datepicker').datepicker();

Feito isso, o que o @buutqn sugeriu faz efeito

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment