如何在jQuery中输入input = date中选择的日期？

Question

I have an HTML code like this one:

<form action="#" method="get">
    <input type="date">
</form>

I want to have an event or something that will check when the date is changed, and get the date in JS Date object?

Answer 1

Demo

Try change event handler on the input ,

$(document).ready(function(){
    $('input[type="date"]').change(function(){
        alert(this.value);         //Date in full format alert(new Date(this.value));
        var inputDate = new Date(this.value);
    });
});

Answer 2

Attach the change event handler and convert the value into Date :

$("input").on("change", function () {
    var myDate = new Date($(this).val());
    console.log(myDate, myDate.getTime());
});

JSFIDDLE

Answer 3

You need to use a .change() jquery handler it will look something like this:

$(document).ready(function(){
  $('#dateInput').change(function(){
       console.log('Updated Date');
  });
});

<form>
   <input id="dateInput" type="date" />
</form>