Setting min date in jQuery datepicker

Question

Hi I want to set min date in my jQuery datepicker to (1999-10-25). So I tried the below code it's not working.

$(function () {     $('#datepicker').datepicker({         dateFormat: 'yy-mm-dd',         showButtonPanel: true,         changeMonth: true,         changeYear: true,         showOn: "button",         buttonImage: "images/calendar.gif",         buttonImageOnly: true,         minDate: new Date(1999, 10 - 1, 25),         maxDate: '+30Y',         inline: true     }); }); 

If I change the min year to above 2002 than it will work fine but if I specify min year less than 2002 (like above example 1999), it will show only up to 2002.
I am using jquery-1.7.1.min.js and jquery-ui-1.8.18.custom.min.js.

Answer 1

$(function () {     $('#datepicker').datepicker({         dateFormat: 'yy-mm-dd',         showButtonPanel: true,         changeMonth: true,         changeYear: true, yearRange: '1999:2012',         showOn: "button",         buttonImage: "images/calendar.gif",         buttonImageOnly: true,         minDate: new Date(1999, 10 - 1, 25),         maxDate: '+30Y',         inline: true     }); }); 

Just added year range option. It should solve the problem

Answer 2

The problem is that the default option of "yearRange" is 10 years.

So 2012 - 10 = 2002.

So change the yearRange to c-20:c or just 1999 (yearRange: '1999:c'), and use that in combination with restrict dates (mindate, maxdate).

For more info: https://jqueryui.com/demos/datepicker/#option-yearRange

---

See example: (JSFiddle)

And your code with the addition:

$(function () {     $('#datepicker').datepicker({         dateFormat: 'yy-mm-dd',         showButtonPanel: true,         changeMonth: true,         changeYear: true,         showOn: "button",         buttonImage: "images/calendar.gif",         buttonImageOnly: true,         minDate: new Date(1999, 10 - 1, 25),         maxDate: '+30Y',         yearRange: '1999:c',         inline: true     }); });