jQuery datepicker set selected date, on the fly

jquery-ui datepicker
Sabya picture Sabya · Mar 3, 2009 · Viewed 372k times · Source

How can I change the selected date of jquery Date picker dynamically on the fly? I have say created a inline date picker. Then after some time, I want to reflect a different date there without recreating the datepicker from the scratch.

I tried the setDate method, but did not work, and there is not much documentation in the doc.

There is another (extended?) plugin here, but I want to use the plugin which is shipped with jquery.ui.all.js.

Answer

Ben Koehler picture Ben Koehler · Apr 15, 2009

What version of jQuery-UI are you using? I've tested the following with 1.6r6, 1.7 and 1.7.1 and it works:

//Set DatePicker to October 3, 2008
$('#dateselector').datepicker("setDate", new Date(2008,9,03) );

Related questions

jQuery Date Picker - disable past dates

I am trying to have a date Range select using the UI date picker. in the from/to field people should not be able to view or select dates previous to the present day. This is my code: $(function() { var …

Read More
Set initial value in datepicker with jquery?

I'm trying to set an initial value in my jquery ui datepicker. I've tried several different ways, but nothing seems to display the date, it's empty. var idag = new Date(); $("#txtFrom").datepicker("setDate", idag - 2); $("#txtTom").datepicker("setDate", idag); $("#txtFrom").…

Read More
Jquery Date picker Default Date

I am using a Jquery Datepicker in my project. The problem is that it is not loading the current date, but showing a date 1st January 2001 as default. Can you please let me know how the default date can be …

Read More