Mudar estes calendario para portugues

[Wander Santos]

Ola galera!!!

gostaria de saber como mudar este calendario em portugues.....nele são três calendarios!!

var to = new Date();
var from = new Date(to.getTime() - 1000 * 60 * 60 * 24 * 14);

$('#datepicker-calendar').DatePicker({
inline: true,
date: [from, to],
calendars: 3,
mode: 'range',
current: new Date(to.getFullYear(), to.getMonth() - 1, 1),
onChange: function(dates,el) {
// update the range display
$('#date-range-field span').text(
dates[0].getDate()+' '+dates[0].getMonthName(true)+', '+
dates[0].getFullYear()+' - '+
dates[1].getDate()+' '+dates[1].getMonthName(true)+', '+
dates[1].getFullYear());
}

});

[fiote]

Wander, bom dia.

Existem trocentos plugins de datepicker pro jQuery, e cada um tem sua forma de configuração. Tem como postar o link de onde você baixou esse?

[Wander Santos]

<script type='text/javascript'>window.mod_pagespeed_start = Number(new Date());</script>

Wander, bom dia.

Existem trocentos plugins de datepicker pro jQuery, e cada um tem sua forma de configuração. Tem como postar o link de onde você baixou esse?

O site ondei baixei....

http://codepen.io/McRipper/pen/hCdtp

[fiote]

Ok, você está usando esse repositório: https://github.com/ozipi/DatePicker.

Adicione esse objeto nas opções de criação do seu datapicker (entre mode e current, por exemplo), e edite conforme desejado:

locale: {
   daysMin: ["S", "M", "T", "W", "T", "F", "S"],
   months: ["January", "February", "March", "April", "Maio", "June", "July", "August", "September", "October", "November", "December"],
   monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
}

[Wander Santos]

<script type='text/javascript'>window.mod_pagespeed_start = Number(new Date());</script>

Ok, você está usando esse repositório: https://github.com/ozipi/DatePicker.

Adicione esse objeto nas opções de criação do seu datapicker (entre mode e current, por exemplo), e edite conforme desejado:

locale: {
   daysMin: ["S", "M", "T", "W", "T", "F", "S"],
   months: ["January", "February", "March", "April", "Maio", "June", "July", "August", "September", "October", "November", "December"],
   monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
}

Muito obrigado...........deu certo!

[Wander Santos]

<script type='text/javascript'>window.mod_pagespeed_start = Number(new Date());</script>

Ok, você está usando esse repositório: https://github.com/ozipi/DatePicker.

Adicione esse objeto nas opções de criação do seu datapicker (entre mode e current, por exemplo), e edite conforme desejado:

locale: {
   daysMin: ["S", "M", "T", "W", "T", "F", "S"],
   months: ["January", "February", "March", "April", "Maio", "June", "July", "August", "September", "October", "November", "December"],
   monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
}

Muito obrigado...........deu certo!

Tenho mais outra dúvida: fica visivel um mes anterior, o atual e o proximo mes. Tem como mudar para o primeiro ser o mes atual e dois meses subsequentes?

[fiote]

Essa parte aqui é que está setando o "mês atual" do calendário:

current: new Date(to.getFullYear(), to.getMonth() - 1, 1)

Tá vendo esse -1 aí? É uma dica ein.

[Wander Santos]

Essa parte aqui é que está setando o "mês atual" do calendário:

current: new Date(to.getFullYear(), to.getMonth() - 1, 1)

Tá vendo esse -1 aí? É uma dica ein.

Não leve a mal minha ignorância em relação ao Jquery...ainda estou aprendendo. Como habilitar as datas subsequentes?

[fiote]

Outra dica:

var to = new Date();
var from = new Date(to.getTime() - 1000 * 60 * 60 * 24 * 14);
...
  date: [from, to]

Date() sem parâmetros retorna a data atual.

var to = new Date(); // Thu Jul 24 2014 15:47:59 GMT-0300 (Hora oficial do Brasil)

Date() com parâmetros deixa você setar qual data você quer.

var from = new Date(to.getTime() - 1000 * 60 * 60 * 24 * 14);

to.getTime() retorna a quantidade de milesegundos desde 1970 até a data que está dentro daquela variável (no nosso caso a data atual), se não me engano.

Fazer from = new Date(to.getDate()) seria basicamente criar outra variável com a mesma data.

new Date(to.getTime() - 1000) é a data contida em to menos 1000 milesegundos. Isto é, 1 segundo no passado.

new Date(to.getTime() - 1000 * 60) é a data contida em to menos 60000 milesegundos = 60 segundos = 1 minuto no passado.

-1000 * 60 * 60 = 60 minutos = 1 hora

*24 = 24 horas = 1 dia

*14 = 14 dias no passado.

Isso quer dizer que o seu calendário aparentemente está limitado ao intervalo "-14 dias" até "Hoje".

Se você quer "habilitar as datas subsequentes", basta você alterar esses valores. Da mesma forma que o você está voltando no tempo ao subtrair números do from, você pode avançar no tempo adicionando números ao to. Tipo assim:

var agora = new Date();
var from = new Date(agora.toTime() - 1000 * 60 * 60 * 24 * 365); // um ano no passado
var to new Date(agora.toTime() + 1000 * 60 * 60 * 24 * 365); // um ano no futuro

;)

Editado Julho 24, 2014 por fiote