Прослушивание onChange на jQuery 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/

Ответ 1

Используйте jquery на input вместе с событием change

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

Fiddle

Ответ 2

Вот возможное решение: https://jsfiddle.net/7atsua85/

Вместо e.target.value используйте $(this).val(), как показано ниже,

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