如何在jquery中获取日期选择器的值

Question

我需要获取date 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更改功能更改为：

$(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（）。