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

时间:2014-06-17 17:40:26

标签: javascript jquery html html5 date

我有一个像这样的HTML代码:

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

我想要一个事件或什么东西来检查日期何时更改,并在JS Date对象中获取日期?

3 个答案:

答案 0 :(得分:4)

<强> Demo

input上尝试change事件处理程序,

$(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);
    });
});

答案 1 :(得分:3)

附加change事件处理程序并将值转换为Date

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

JSFIDDLE

答案 2 :(得分:0)

你需要使用.change()jquery处理程序,它看起来像这样:

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

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