jqueryui datepicker未显示范围内的所有年份

Question

.你好,

我正在使用jqueryui的datepicker,它运行良好,但有一个问题.年份列表尚未完成,例如它仅显示10年.如果我想回到10年前,我必须点击第一年,然后再次点击选择一年

这是我的设置:

    $.datepicker.setDefaults( $.datepicker.regional["es"] );
    $("#birth_date").datepicker(
    {
        shortYearCutoff: 1,
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd-mm-yy',
        minDate: "-70Y", 
        maxDate: "-15Y" 
    });

它第一次显示1997到1987的这个范围,如果我想设置1960年那么我必须点击2次并且它有时会烦恼.

我想知道的是,从1942年到1997年,这是否是显示全年名单的一种方式

提前致谢

哈维尔

Answer 1

您还需要使用yearRange选项.MaxDate和MinDate仅验证所选日期.年份范围修改可见年份.

$.datepicker.setDefaults( $.datepicker.regional["es"] );
    $("#birth_date").datepicker(
    {
        shortYearCutoff: 1,
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd-mm-yy',
        minDate: "-70Y", 
        maxDate: "-15Y",
        yearRange: "1942:1997"
    });

Answer 2

您想要添加年份范围选项:

演示:http://jsfiddle.net/lucuma/NAuEx/2/

$(document).ready(function() {
    $.datepicker.setDefaults( $.datepicker.regional["es"] );
    $("#birth_date").datepicker(
    {
        shortYearCutoff: 1,
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd-mm-yy',
        minDate: "-70Y", 
        maxDate: "-15Y",
         yearRange: "1900:2010" 
    });

});
?