Search code examples
jqueryjquery-uijquery-ui-datepicker

Setting min date in jQuery datepicker


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.


Solution

  • $(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