使用datepicker更改输入时运行javascript函数

Question

我发现了类似这样的话题，但没有一个能解决我的问题。

我想在使用datepicker选择日期时调用ajax函数，但它不起作用。我使用.change()事件.on()尝试了很多解决方案，但仍然无法使其正常工作（当我使用键盘在输入标记中插入日期时，它可以正常使用）。

我知道如何解决这个问题？

编辑： 使用此功能时，当我使用键盘插入内容但不使用datepicker时会调用alert。

$('#txt_date').on('input',function(e){      
    alert('Changed!')
});

$('#txt_date').change(function(e){      
    alert('Changed!')
});

Answer 1

Working Fiddle

您可以使用changeDate

的DatePicker事件

HTML

<input id="datePicker" type="text" type="text" class="form-control" />

JS

$('#datePicker').datepicker({
    autoclose: true
});
$('#datePicker').on('changeDate', function (e) {
    console.log(e.date);
});

Answer 2

尝试使用.blur：

$("#txt_date").blur(function (event){
    alert('trigger');
    // Here you can write the ajax call
});