Question

I am using a jquery datepicker UI plugin below:

    $(function() {
    $( "#dobDate" ).datepicker({minDate: new Date(1920, 1 - 1, 01), maxDate:0, 
                        dateFormat: "dd-mm-yy",
                        showOn: "button",
        buttonImage: "Images/calendar.gif",
        buttonImageOnly: true,
        changeMonth: true,
    changeYear: true
        });
});

The url for this plugin is here

Now the problem I am having is that I want to display the months and year drop down menus. Now it does this but I want it to display the years from 1920 to current year. At moment what it is doing is only display it from 2002 to current year. I have to click on the arrows to go onto a month before the year 2002 to then be able to see years 1992 to 2002 in the drop down menu for year.

So my question is how can I display years 1920 to current year in the year drop down menu?

Answer 1

Try using 'c' for the current year like:

$('#dobDate').datepicker({yearRange : '1920:c',changeYear: true});

use also the changeYear: true

working demo Fiddle.net