JQuery datepicker numberOfMonths: display current selection month last

jquery datepicker uidatepicker
Maton picture Maton · May 31, 2010 · Viewed 9.9k times · Source

I have a jquery datepicker with the numberOfMonths set to 3, currently when I click on the datepicker, the left side month is the current month. In most cases, the user is only going to be selecting a date prior to todays date so I would prefer the current month selected to be the last calendar i.e. March, April, May instead of the current implementation which is May, June, July.

Greatly appreciate any help!

Answer

Nick Craver picture Nick Craver · May 31, 2010

Use the showCurrentAtPos option just for that purpose:

Specify where in a multi-month display the current month shows, starting from 0 at the top/left.

The usage looks like this:

$("#datepicker").datepicker({
    numberOfMonths: 3,
    showCurrentAtPos: 2
});​

Since it's zero-based, 2 would be the right-most, you can see a working demo here.

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
getDate with Jquery Datepicker

i am trying to get date from my implementation of jquery date picker, add it to a string and display the resulting image in my div. Something however is just not working. Can anyone check out the code and have …

Read More
Jquery UI Datepicker not displaying

UPDATE I have reverted back to Jquery 1.3.2 and everything is working, not sure what the problem is/was as I have not changed anything else apart of the jquery and ui library versions. UPDATE END I having an issue with …

Read More