1

Estou tentando fazer um script que recebe a class .data do input e converta a data para pt-br, mas não consigo fazer, gostaria de uma ajuda.

$.fn.converteData = function(){
    var data  = ($(this).val()).split("-");     
    var dataf = data[2]+data[1]+data[0];    
    $(this).val(dataf); 
    $(this).mask("99/99/9999"); //estou usando o plugin maskedinput
}

$(".data").converteData();


<form>
<label for="dt_nasc">Data de nascimento</label>
<input class="data" name="dt_nasc" type="text" value="1966-11-27">
</form>

Queria que ela já fosse chamada automaticamente para todos inputs html com a classe .data Eu recebo ela em 1966-11-27 esse script seria pra converter 27/11/1966.

3
  • Pode colocar o HTML que tem? qual é o formato em que essas datas estão e qual é o formato final que quer? (dê exemplos)
    – Sergio
    25/11/2014 às 20:02
  • Aqui está funcionando normalmente. 25/11/2014 às 20:04
  • Sergio, complementei na pergunta.
    – JrJs
    25/11/2014 às 20:38

1 Resposta 1

2

Se compreendo a sua pergunta isto serve para mudar a formatação da data:

$('input.data').each(function () {
    var data = new Date(this.value);
    this.value = [data.getDate(), data.getMonth() + 1, data.getFullYear()].join('/');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    <label for="dt_nasc">Data de nascimento</label>
    <input class="data" name="dt_nasc" type="text" value="1966-11-27" />
</form>

No código converto primeiro a data num objeto data e depois dou o formato final usando métodos nativos para ir buscar o dia, ano e mês.

Outra solução, sem fazer parse da data:

$('input.data').each(function () {
    this.value = this.value.split('-').reverse().join('/');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    <label for="dt_nasc">Data de nascimento</label>
    <input class="data" name="dt_nasc" type="text" value="1966-11-27" />
    <label for="dt_emissao">Data de emissão</label>
    <input class="data" name="dt_nasc" type="text" value="2005-08-25" />
</form>

6
  • Rodei o código enviado, deu certo, mas quando tenho mais de uma data no form, a segunda fica errada. <form> <label for="dt_nasc">Data de nascimento</label> <input class="data" name="dt_nasc" type="text" value="1966-11-27" /> <label for="dt_emissao">Data de emissão</label> <input class="data" name="dt_nasc" type="text" value="2005-08-25" /> </form> a segunda data sai 24/8/2005
    – JrJs
    26/11/2014 às 13:24
  • @JrJs exato. Não éra isso que queria? Data formatada dd/mm/aaaa? Como aqui: jsfiddle.net/7e3trkgn
    – Sergio
    26/11/2014 às 13:35
  • @JrJs ah, ok já percebi, problema de fuso horário talvez. Vou juntar outra solução sem fazer parse da data...
    – Sergio
    26/11/2014 às 13:38
  • @JrJs juntei outra versão na resposta. Asssim: jsfiddle.net/7e3trkgn/1
    – Sergio
    26/11/2014 às 13:42
  • funcionou perfeitamente essa ultima, obrigado mesmo.
    – JrJs
    26/11/2014 às 13:57

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .