Question

I have 2 date pickers using the Jquery UI. If the user selects a date from date picker 1, how can I get it to update date picker 2 automatically with the same date?

I think this might be quite simple, but I’ve tried a few things and nothing seems to work.

Thanks in advance.

Answer 1

The date picker is essentially a text input element. You can use the jquery change handler on the first input element to grab its contents when they change, then simply select the second input element and update the value using jquery val.

http://api.jquery.com/change/
http://api.jquery.com/val/

Something like:

$("#firstdatepicker").change(  function() {
   $("#seconddatepicker").val($(this).val());
});