如何在jQuery更改中获取日期选择器的值

Question

我需要获取onchange日期的值，

这是代码

<div class="input-daterange" data-date-format="dd/mm/yyyy">

       <label>Date </label>                                                       
<input id="value_date"  class="form-control"  name="start" type="text" />                                                                              
</div>

这是我的jQuery

$('#value_date').change(function() {{

    var valuefirstone = document.getElementById('#value_date').value;
    alert(valuefirstone);
}
</script>

Onchange函数未调用，我只是在更改时创建警报，但它不起作用

Answer 1

尝试这个 ;

$('#value_date').datepicker().on('changeDate', function (ev) {
    var valuefirstone = $(this).val();
    alert(valuefirstone);
});

删除.datepicker()如果已完成）

Answer 2

最好是使用jquery内置函数内部jquery context 。 另外，从日期选择器获取值的jquery change function语法和javascript代码是错误的。

将您的jquery change函数更改为：

$(document).ready(function(){

    $('#value_date').change(function() {

        var valuefirstone = $(this).val();//use jquery built in functions
        alert(valuefirstone);

    });

});

确保用文档就绪fn包装了更改功能

Answer 3

您可以轻松地使用以下代码：

 $("#value_date").on('change', function(event) {
   event.preventDefault();
   alert(this.value);
  /* Act on the event */
  });

Answer 4

$('#value_date').change(function() {{

    alert($('#value_date').val());
}
</script>

注意这两个更改-删除get by id并更改为.val（）。