Question

如何在JQuery UI Calendar中显示或显示多年？我需要做一个多年的下拉列表而不需要照顾这个月，只需几年。

提前致谢

Answer 1

    $( "#datepicker" ).datepicker({
        changeMonth: false,
        changeYear: true
    });

http://jqueryui.com/demos/datepicker/#dropdown-month-year

或者，如果你只想要一个年份列表，你可以在没有jQueryUI的情况下生成它：

var i,yr,now = new Date();
for (i=0; i<10; i++) {
    yr = now.getFullYear()+i; // or whatever
    $('#select-year').append($('<option/>').val(yr).text(yr));
};

Answer 2

如果你想要一个只显示年份的jquery UI datepicker，试试这个：

stepMonths: 12,
monthNames: ["","","","","","","","","","","",""]

结果：未显示月份名称。

我还用它来隐藏日期选择器的日历部分：

<style>.ui-datepicker-calendar { display: none; } </style>

Answer 3

var i,yr,now = new Date();

for (i=0; i<10; i++) {

    yr = now.getFullYear()+i; // or whatever
    $('#select-year').append($('<option/>').val(yr).text(yr));

};

此功能运行良好，但有一些错误 1.它显示3年。 2.当我们选择第二次数据时，显示先前选择的数据。

在JQuery UI Calendar中仅显示多年

3 个答案: