Отображать только годы в календаре пользовательского интерфейса JQuery

Question

как я могу отображать или отображать только годы в календаре пользовательского интерфейса JQuery? Мне нужно сделать выпадающий список с годами, не заботясь о месяце, только годы.

Заранее спасибо

Answer 1

Если вам нужен инструмент выбора даты jquery UI, который показывает только год, попробуйте это:

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

Результат: название месяца не отображается.

Я также использовал это, чтобы скрыть календарьчасть даты:

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

Answer 2

    $( "#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 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. Когда мы выбираем второй раз, данные отображаются с ранее выбранными данными.