Menu
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!
551
jQuery UI datepicker provides a option " numberOfMonths ", which allows you to set number of month to display at once. That means, you can show multiple month. To show 2 months together (as shown in image) then set " numberOfMonths " to 2. $ (document).ready (function () { $ ("#txtDate").datepicker ( { numberOfMonths:2 }); });
The jQuery code for day name format: By using jQuery calendar plugin, you can restrict the date selection as well. For example, your site has an option to pull reporting only for last three months. So you want a user to navigate only to last three months.
The datepicker widget provided by jQuery UI is highly customizable and very easy to use. From color scheme customization to choosing option to show a calendar e.g. showing week numbers, multiple months, restricting date ranges and others is just a matter of setting a few lines of options and code.
You can use ui-datepicker-calendar .ui-state-default for main day blocks. The current date or active date can be stand out by using its class: ui-datepicker-calendar .ui-state-active .
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.
105
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
