Search jQuery

jQuery Forum

prashus.p..

Datepicker minDate before today, months in the month panel show months only before the current month

in Using jQuery UI • 6 months ago

Hi,

I have used date picker for selecting date of birth of the user. I have set the minDate and maxDate such that the user should be no older than 60 and no younger than 20.

I have used "c-n:c+n" for showing all the years in the range, which now display in a scroll box.

But for the months, it displays months only before the current month. i.e. if today's date is 18-Nov-2012, as per the above options having been set, date picker shows "Jan" - "Nov" in the months panel. "Dec" is missing.

Has anybody faced the same situation? Could anybody help me out with this problem?

My current code is this:

$("#PersonalDetails_DateOfBirth").datepicker({

changeMonth: true,

changeYear: true,

showOn: "button",

buttonImageOnly: true,

minDate: "-60Y",

maxDate: "-20Y",

dateFormat: "dd/mm/yy",

yearRange: "c-60:c+20"

});

Replies(4)

jakecigar

Re: Datepicker minDate before today, months in the month panel show months only before the current month

6 months ago

I had better luck with

$("#PersonalDetails_DateOfBirth").datepicker({
changeMonth: true,
changeYear: true,
showOn: "button",
buttonImageOnly: true,
minDate: "-60Y",
maxDate: "-20Y",
dateFormat: "dd/mm/yy",
});

yearRange seemed to confuse datepicker.

JΛ̊KE

PS I used

<link href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

prashus.p..

Re: Datepicker minDate before today, months in the month panel show months only before the current month

6 months ago

Hi jakecigar

Thanks for your reply.

I included the yearRange so that i get all the years between the minDate and maxDate in the year dropdown in the datepicker.

But even without yearRange attribute, i'm not able to get all the twelve months in the month dropdown in the datepicker, since this is Nov, it shows months only from Jan till now, Dec is missing :(

kbwood.au

Re: Datepicker minDate before today, months in the month panel show months only before the current month

6 months ago

Setting the maxDate to '-20y' subtracts that from today's date. Since it is currently November you cannot select December of 1992 since that would be less than 20 years ago. Also, you should specify the yearRange as '-60:-20' to keep it synchronised with the min/max dates. Including the 'c' makes the years relative to the currently selected date, meaning that if you selected a date in 1952 you would then only see the years 1952 to 1972 (based on your original 'c-60:c+20'). Without the 'c' they are relative to today's date and won't change.

prashus.p..

Re: Datepicker minDate before today, months in the month panel show months only before the current month

6 months ago

Thanks a lot kbwood.au.

It worked. I had missed noticing that Dec does come for years before 1992! :)

and -60:-20 works perfectly fine.

Top Reply

Response title

Attachments

jQuery Forum

Datepicker minDate before today, months in the month panel show months only before the current month

Replies(4)

Re: Datepicker minDate before today, months in the month panel show months only before the current month

Re: Datepicker minDate before today, months in the month panel show months only before the current month

Re: Datepicker minDate before today, months in the month panel show months only before the current month

Re: Datepicker minDate before today, months in the month panel show months only before the current month

Statistics

Tags

Actions

Related Posts