How to set default date of jQuery datepicker with value already selected

0
votes

I have two date pickers in a startDate - endDate setup, and need the calendar of the endDate picker to open at the month of the selected startDate.

I have tried setting the default date as below (the date that the calendar opens with)) 

$("#endDate").datepicker({
        defaultDate: $("#StartDate").datepicker("getDate"))
        });

but from what I have read and tried, it seems it can only be set if the datepicker in question does not have a selected date already, which is always the case on my page, and I guess would often be the case for datepickers generally, so am I missing something obvious?

At the moment I am setting the endDate to the startDate value when it is set, and it works as you might expect, but is not quite right. I don't want to update the endDate, I just want the calendar to open on the start date's month.

This fiddle might help illustrates the issue: http://jsfiddle.net/j7cNk/

Any ideas appreciated.

1
jqueryjquery-uidatepicker

1 Answers

0
votes

You can use the showCurrentAtPos option to show a certain month

var m1 = $("#StartDate").datepicker("getDate").getMonth();
    m2 = $("#endDate").datepicker("getDate").getMonth();

$('#endDate').datepicker('option', 'showCurrentAtPos', m2-m1 );