How to handle change or input event of input type="text" if value is inserted from another element without touching this input

Question

I have a input type="text" and next to that a button which opens up a calendar on click. When a value is selected in calendar textbox ix populated.

I would like to handle on change of textbox to enable other controls.

change, input etc events are triggered only if use manually enters values in the text box. But in my case I am not touching the input textbox.

Thanks.

Answer 1

Use jquery change event.

$("input").change(function(){
  //do something
})

Update:

As .change event doesn't get fired when you change value using any javascript method, there is a work around.

When you change the date, you can trigger an event to the input element like $("input").keyup() and listen using:

$("input").keyup(function(){
    // input updated
  })

codepen example: https://codepen.io/azharuddinkhan8898/pen/MNrLad