Как отследить изменение содержимого input через jQuery?

Question

[Nik Faraday]

Здравствуйте!

Использую датапикер, который автоматически подставляет дату в input (Вполне логично). Мне нужно при выборе даты сохранить данную дату куда-то. Я использовал .change и .input, но они не работают так, как мне нужно. Видел похожий вопрос на stackoverflow. Ответ работает только лишь в том случае, если что-то вводить напрямую. Я воспользовался консолью браузера и через id закинул туда значение что-то по типу $('#select').val('Hello') и данный код не сработал.

Как можно это решить?

Comments

[v3shin]

Какой именно датапикер? У него есть событие при изменении? Читайте доку.

[Вадим]

Не с той стороны Вы подошли к вопросу.
Вам не за инпутом следить надо, а пойти в доку дэйтпикера и найти событие, которое эмитится наверх при выборе даты в дэйтпикере, подписаться на него и делать нужную обработку.

[Nik Faraday]

v3shin, Вадим, сложно что-то говорить об этом, т.к. всё что у меня есть от этого датапикера на скрине...

[Вадим]

Nik Faraday, и в гугле забанили, да? не гуглится что это за виджет такой у jquery ui?

[Вадим]

Nik Faraday, https://jqueryui.com/datepicker/ оно?

[Вадим]

Nik Faraday, вот что вам нужно, вроде как
https://api.jqueryui.com/datepicker/#option-onSelect

[Nik Faraday]

Вадим, хах, удивительно) Я думал, что оно было с шаблоном вместе, а не отдельный плагин. Большое спасибо) Можете написать ответом, помечу как правильный. Ещё раз спасибо

Answer 1

[Вадим]

Не с той стороны Вы подошли к вопросу.
Вам не за инпутом следить надо, а пойти в доку дэйтпикера и найти событие, которое эмитится наверх при выборе даты в дэйтпикере, подписаться на него и делать нужную обработку.

https://jqueryui.com/datepicker/

В случае с этим дэйтпикером нужно указать коллбэк в соответствующей опции при инициализации:
https://api.jqueryui.com/datepicker/#option-onSelect