在jQuery日期选择器上听onChange?

时间:2015-05-08 20:58:27

标签: javascript jquery html datepicker

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

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" />

JS

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

我的目标是能够在用户清除日期框时收听。但是,一旦您取消聚焦日期框,更改事件似乎才会触发。我想知道是否有办法在jQuery日期框中监听所有更改,或者是否有更好的替代方案。

JsFiddle链接: https://jsfiddle.net/szkfm0y7/

2 个答案:

答案 0 :(得分:30)

input上使用jquery以及on change事件

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

Fiddle

答案 1 :(得分:5)

这是一个可能的解决方案: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())
});