0

Estou procurando uma forma simples de pegar os valores de dia, mês e ano separados a partir de um input do tipo date, em jQuery.

$( "#ano" ).html($( "input[type=date]" ).val(  ) );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" value="2018-10-17">
<div id="ano"></div>

Como faço para pegar os valores separados sem usar split()?

1 Resposta 1

0

O jQuery propriamente, até onde eu saiba, não possui método para isso. O que você pode fazer é converter o valor do campo para o objeto Date() do JavaScript e pegar os valores. Basta substituir os hífens por vírgulas e pegar os valores.

A string deverá estar uma formato reconhecido pelo método Date.parse() (IETF-compliant RFC 2822 timestamps e também uma versão da ISO8601).

var input = $("input[type=date]").val().replace(/-/g, ",");
var data = new Date(input);
$( "#ano" ).html( data.getFullYear() );
$( "#mes" ).html( data.getMonth()+1 );
$( "#dia" ).html( data.getDate() );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" value="2018-10-17">
<div id="ano"></div>
<div id="mes"></div>
<div id="dia"></div>

É preciso acrescentar +1 no valor do mês porque o JavaScript conta os meses à partir do 0: janeiro = 0, fevereiro = 1 etc.

3
  • Por que tem que acrescentar +1 no mês? Commented 17/10/2018 às 4:30
  • 1
    Coloquei na resposta amigo.
    – Sam
    Commented 17/10/2018 às 4:31
  • 1
    Muito obrigado! Commented 17/10/2018 às 4:32

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 .