Formatar data utilizando bootstrap-datepicker

3,471 views
Skip to first unread message

Casanova

unread,
Feb 5, 2015, 10:43:56 AM2/5/15
to rail...@googlegroups.com
Estou utilizando o http://bootstrap-datepicker.readthedocs.org/en/release/, e estou com  dificuldades em formatar a data, estou fazendo da seguinte maneira:

#html
<li><div id="div-daterange"> </div></li>

#Jquery
$('#div-daterange').datepicker({
           format: 'dd/mm/yyyy',
           language: 'pt-BR',
           todayBtn: false,
           todayHighlight: true
   })
.on('changeDate', function(ev){
  alert(ev.date);//consigo pegar a data do calendario
 
alert(ev.date.formatDate('dd/mm/yyyy', 'pt-BR')); //da erro não reconhece o method formatDate
  alert(ev.formatDate(ev.date, 'dd/mm/yyyy', 'pt-BR'));//da erro não reconhece o method formatDate
   
 });

No primeiro  alert eu pego a data,  nós outros eu tento  formatar, mas ele não reconhece o mehtod formatDate.

Everaldo Gomes

unread,
Feb 5, 2015, 11:20:16 AM2/5/15
to rail...@googlegroups.com
Eu costumo formatar datas usando momentJS.

Geralmente, ele se integra às bibliotecas de datepicker...

--
--
Você recebeu essa mensagem porquê está inscrito no Google
Groups "rails-br".
Para enviar uma mensagem para o grupo, mande um email para rail...@googlegroups.com
Para se descadastrar, mande um e-mail para
rails-br+u...@googlegroups.com
Visite o grupo em http://groups.google.com/group/rails-br?hl=pt-BR
Leia nossa política de uso: http://goo.gl/YGgt7

---
Você recebeu essa mensagem porque está inscrito no grupo "rails-br" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para rails-br+u...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

João Pereira

unread,
Feb 6, 2015, 6:10:34 PM2/6/15
to rail...@googlegroups.com

João Pereira

unread,
Feb 6, 2015, 6:13:33 PM2/6/15
to rail...@googlegroups.com
Setando a opção não funcionou não?
$('.datepicker').datepicker({
    format: 'mm/dd/yyyy',
    startDate: '-3d'
})

--
--
Você recebeu essa mensagem porquê está inscrito no Google
Groups "rails-br".
Para enviar uma mensagem para o grupo, mande um email para rail...@googlegroups.com
Para se descadastrar, mande um e-mail para
rails-br+u...@googlegroups.com
Visite o grupo em http://groups.google.com/group/rails-br?hl=pt-BR
Leia nossa política de uso: http://goo.gl/YGgt7

---
Você recebeu essa mensagem porque está inscrito em um tópico no grupo "rails-br" dos Grupos do Google.
Para cancelar inscrição nesse tópico, acesse https://groups.google.com/d/topic/rails-br/U1p_cscJAW0/unsubscribe.
Para cancelar inscrição nesse grupo e todos os seus tópicos, envie um e-mail para rails-br+u...@googlegroups.com.

Para mais opções, acesse https://groups.google.com/d/optout.



--

João Pereira

Casanova

unread,
Feb 11, 2015, 7:24:20 AM2/11/15
to rail...@googlegroups.com
Não funcionou. Se eu fizer assim:

$('#div-daterange').datepicker({
            format: 'dd/mm/yyyy',
            language: 'pt-BR'
    })
    .on('changeDate', function(ev){
         alert(ev.date); 
    });


Ele  me retorna 
Tue Jan 27 2015 00:00:00 GMT-0200 (BRST)

Ele não pega o formato "pt-BR".

Evandro Santos

unread,
Feb 11, 2015, 7:50:51 AM2/11/15
to rail...@googlegroups.com
​To casanova :)

$('.datepicker').datepicker({

            format: 'dd/mm/yyyy',
            language: 'pt-BR'
})
.on('changeDate', function(ev){
         alert(
           ev.date.toLocaleDateString()
         );
});

Só esta mal identado mas acho que resolve pra você​

2015-02-11 10:24 GMT-02:00 Casanova <tyagok...@gmail.com>:
$('#div-daterange').datepicker({
            format: 'dd/mm/yyyy',
            language: 'pt-BR'
    })
    .on('changeDate', function(ev){
         alert(ev.date); 
    });



-- Evandro Santos

Evandro Santos

unread,
Feb 11, 2015, 7:51:40 AM2/11/15
to rail...@googlegroups.com
se quiser ver funcionando tá aqui > http://codepen.io/omgitsevan/pen/rapJdV

-- Evandro Santos

Casanova

unread,
Feb 11, 2015, 8:11:29 AM2/11/15
to rail...@googlegroups.com
Funcionou Evandro, tenho uma duvida  esse método toLocaleDateString existe no bootstrap-datepicker.js? Pq se eu for https://github.com/eternicode/bootstrap-datepicker/blob/master/js/bootstrap-datepicker.js, por exemplo não consigo encontrar esse método? No Js existe alguns métodos se eu tentar utilizar ele da erro, por exemplo formatDate()? Sabe me dizer o pq?

Evandro Santos

unread,
Feb 11, 2015, 8:16:59 AM2/11/15
to rail...@googlegroups.com
​Não existe no bootstrap-datepicker não, mas como o ev é um objeto date você pode usar o metodo toLocaleDateString(), existem outros métodos também ​> http://www.w3schools.com/jsref/jsref_obj_date.asp


2015-02-11 11:11 GMT-02:00 Casanova <tyagok...@gmail.com>:
emplo não consigo encontrar esse método? No Js existe alguns métodos se eu tentar utilizar ele da erro, por exemplo formatDate()? Sabe me dizer o pq?



-- Evandro Santos

Casanova

unread,
Feb 11, 2015, 8:37:19 AM2/11/15
to rail...@googlegroups.com
Evandro desculpa, mas uma duvida, se eu fizer assim:
  $('#div-daterange').datepicker('update', new Date(2015, 2, 5));
Ele seta a data que eu passei, agora se eu fizer assim:

    $('#div-daterange').datepicker({
            format: 'dd/mm/yyyy',
            language: 'pt-BR',
           // update: new Date(2015, 2, 5) 
            update: new Date(05/02/2015)
    })
Ele não funciona. 

Evandro Santos

unread,
Feb 11, 2015, 8:54:00 AM2/11/15
to rail...@googlegroups.com
​no segundo caso ele não funciona por que creio que você tem que passar uma string pro objeto date

fiz uma brincadeira aqui, testa ai e vê se te ajuda...

$(document).on('ready',function(){
  alert(new Date(2015,2,5).toLocaleDateString());
  alert(new Date('05/02/2015').toLocaleDateString());
});

-- Evandro Santos


--
--
Você recebeu essa mensagem porquê está inscrito no Google
Groups "rails-br".
Para enviar uma mensagem para o grupo, mande um email para rail...@googlegroups.com
Para se descadastrar, mande um e-mail para
rails-br+u...@googlegroups.com
Visite o grupo em http://groups.google.com/group/rails-br?hl=pt-BR
Leia nossa política de uso: http://goo.gl/YGgt7

---
Você recebeu essa mensagem porque está inscrito no grupo "rails-br" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para rails-br+u...@googlegroups.com.

Casanova

unread,
Feb 11, 2015, 9:49:52 AM2/11/15
to rail...@googlegroups.com
Evandro estou testando no seu exemplo que voce passou antes http://codepen.io/anon/pen/xbpWQz mas não estou conseguindo.

Evandro Santos

unread,
Feb 11, 2015, 10:25:09 AM2/11/15
to rail...@googlegroups.com
​​tenta aqui -> http://codepen.io/omgitsevan/pen/rapJdV​​
​Qualquer coisa podde me chamar aqui no hangout ;)​
Reply all
Reply to author
Forward
0 new messages