jQuery UI:Datepicker将年份范围下拉至100年

Question

使用Datepicker,默认情况下,年份下拉列表仅显示10年.用户必须单击去年才能获得更多年份.

我们如何将初始范围设置为100年,以便用户默认情况下会看到一个大型列表？

    function InitDatePickers() {
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            maxDate: '@maxDate',
            minDate: '@minDate'
        });
    }

Answer 1

您可以在此处使用此选项设置年份范围http://api.jqueryui.com/datepicker/#option-yearRange

yearRange: '1950:2013', // specifying a hard coded year range

或者这样

yearRange: "-100:+0", // last hundred years

来自Docs

默认值:"c-10:c + 10"

年份下拉列表中显示的年份范围:相对于当前年份("-nn:+ nn"),相对于当前选定年份("c-nn:c + nn"),绝对值("nnnn: nnnn"),或这些格式的组合("nnnn:-nn").请注意,此选项仅影响下拉列表中显示的内容,以使用minDate和/或maxDate选项限制可以选择的日期.

Answer 2

这对我很有用.

ChangeYear: -设置为true时,表示可以选择当前日历中指示的上个月或下个月的单元格.此选项与options.showOtherMonths设置为true一起使用.

YearRange: -指定年份下拉列表中的年份范围.(默认值:" - 10:+10")

例:-

$(document).ready(function() {
    $("#date").datepicker({
    changeYear:true,
    yearRange: "2005:2015"
    });
});

参考: - 在jquery datepicker中设置年份范围

Answer 3

我这样做：

var dateToday = new Date();
var yrRange = dateToday.getFullYear() + ":" + (dateToday.getFullYear() + 50);
and then
yearRange : yrRange

50当前年份的范围在哪里。

Answer 4

您可以在 jQuery UI datepicker 中使用此选项设置年份范围：

yearRange: "c-100:c+0", // last hundred years and current years

yearRange: "c-100:c+100", // last hundred years and future hundred years

yearRange: "c-10:c+10", // last ten years and future ten years