在 jQuery 日期选择器上收听 onChange？答案

【问题标题】：Listening to onChange on a jQuery datepicker?在 jQuery 日期选择器上收听 onChange？
【发布时间】：2015-07-19 21:30:18
【问题描述】：

我目前正在创建这样的日期选择器

HTML

<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<input id="datepicker" type="datepicker" name="date" placeholder="Date" />

$('#datepicker').datepicker()
    .on("change", function (e) {
    console.log("Date changed: ", e.target.value);
});

我的目标是能够在用户清除日期框时进行监听。但是，更改事件似乎仅在您取消聚焦日期框后才会触发。我想知道是否有一种方法可以监听 jQuery 日期框中的所有更改，或者是否有更好的选择。

【问题讨论】：

【解决方案1】：

在input 上使用jquery 以及change 事件

$('#datepicker').datepicker()
    .on("input change", function (e) {
    console.log("Date changed: ", e.target.value);
});

【讨论】：

【解决方案2】：

这是一个可能的解决方案：https://jsfiddle.net/7atsua85/

如下所示，使用$(this).val()代替e.target.value，

$('#datepicker').datepicker()
    .on("change", function (e) {
    //console.log("Date changed: ", e.target.value);
    alert($(this).val())
});

【讨论】：