如何在Jquery datetimepicker中显示可选年份的完整列表

时间:2011-03-11 12:44:50

标签: jquery jquery-ui-datepicker

当我点击年份下拉列表时,如何显示完整可选择的年份列表。

以下链接中有示例。例如,当我点击年份下拉列表时。它只显示了10年。当我选择第一年(2000年)时,名单正在改变,我可以看到1990年的名单。如何显示完整的可选年份列表? 谢谢你的帮助。

http://jsfiddle.net/t7rkk/

2 个答案:

答案 0 :(得分:0)

$("#datet").datepicker({
            minDate:SetDate('-1000y'),// simply change this value to 
            maxDate:SetDate('+0d'),// and this if you wanna go more into future dates
            firstDay: 1,
            changeMonth: true,
            showButtonPanel: true,
            changeYear: true,
        });


     });

答案 1 :(得分:0)

我分叉你的小提琴并用一个新的yearRange参数修改它: http://jsfiddle.net/marcosfromero/Tcnfq/

$("#datet").datepicker({
        minDate:SetDate('-100y'),
        maxDate:SetDate('+0d'),
        firstDay: 1,
        changeMonth: true,
        showButtonPanel: true,
        changeYear: true,
   -->  yearRange: 'c-100,c+00' <--
    });

来自jQueryUI datepicker source code

 yearRange: 'c-10:c+10', // Range of years to display in drop-down,
            // either relative to today's year (-nn:+nn), relative to currently displayed year
            // (c-nn:c+nn), absolute (nnnn:nnnn), or a combination of the above (nnnn:-n)

您将minDate设为('-100y'),这就是我使用c-100(当前减去100)的原因。

您将maxDate设为('+0d'),这就是我使用c+00(当前加零)的原因。