Home/ Questions/Q 6150525
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T19:37:35+00:00

The contents of the datepicker input is changed programmatically via setDate method and I

  • 0

The contents of the datepicker input is changed programmatically via “setDate” method and I want to update the preview of the input form depending on the changed date value.

The “onSelect” event is triggered only when the date is changed through the datepicker UI and not when “setDate” is called.

“onChange” event of the input is also not triggered.

Right now it seems the only way is to call my updatePreview function manually every time after the “setDate” and I have to re-format the date object I get from the “getDate” method.

Is there an easier way to do it?

Here’s the mockup in jsFiddle. The “change programmatically” button doesn’t update the preview.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If I am understanding correctly, you want to update a separate element with the date being entered or set programmatically. If so, updating an alternate field preview is baked into jQuery UI Datepicker already.

    The datepicker widget only seems to be able to update an alternate <input> field rather than a <div> preview though, so if you need it to update a <div> then this demo will require a bit more work.

    • 0