0

Preciso pegar o valor correspondente ao ano de um <input type="date"> e subtrair da data atual, para exibir a idade de um usuário (javascript). Porém, meu resultado sempre dá "NaN". Como resolvo? E como faço para o próprio JS pegar a data (como, por exemplo, o date("Y") do PHP)?

var data = parseInt($('input[id=nasc]').val());
var ano = 2017;
var idade = ano - data;
localStorage.setItem("diaNasc", idade);
2
  • Deu certo a solução?
    – novic
    Commented 12/05/2017 às 22:06
  • Saiba que o input date é específico do Google Crone, outros browsers poderão não trabalhar bem com ele!
    – Marconi
    Commented 30/03/2018 às 0:23

1 Resposta 1

1

Para trabalhar com data em e converter uma data do input do type="date" utilize o new Date do onde:

var dataAtual = new Date(); // retornar a data atual (Date)

e

var dataInput = new Date($("#nasc").val()); // converte o valor para Date

depois é só fazer a operação de subtração com o método getFullYear():

var diferenca = dataAtual.getFullYear() - dataInput.getFullYear();

Código completo:

$("#nasc").on('blur', function() {
  calcular_idade();
});

function calcular_idade() {
  if ($('#nasc').val() != '') {
    var dataInput = new Date($("#nasc").val());
    if (!isNaN(dataInput)) {
      var dataAtual = new Date();
      var diferenca = dataAtual.getFullYear() -
                      dataInput.getFullYear();
      $("#lblidade").html(diferenca);
      return true;
    }
  }
  $("#lblidade").html('Data inválida');
  return false;  
}

calcular_idade();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" name="nasc" id="nasc" value="1980-10-01" />
<label id="lblidade"></label>

Referencias:

2
  • @LeoCaracciolo a resposta é sobre as duas tags, não entendi.? E outra coisa tem jQuery na pergunta.
    – novic
    Commented 8/05/2017 às 3:29
  • tá certo, não tinha analisado o código dele, $('input[id=nasc]').val()); só vi a pergunta --- exibir a idade de um usuário (javascript)
    – user60252
    Commented 8/05/2017 às 3:40

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 .