jQuery UI datepicker как «год календарь»

Question

Я пытаюсь получить полный календарь года от jQuery UI datepicker, где я могу взаимодействовать с неделями, а не с деньгами.

я уже нашел, как сделать еженедельную часть, но теперь я хотел бы, чтобы отобразить весь год, за результат, аналогичный этому:

мне удалось добавить 12 месяцев, используя numberOfMonths: 12, но как я могу настроить их отображение в виде сетки? Я попытался установить ширину контейнера, но он ничего не делает.

В начале месяца я нахожусь по другой теме, чтобы изменить дату по умолчанию до 1 января, добавив defaultDate: new Date(new Date().getFullYear(), 0,1). Это действительно месяцы, начинающиеся в январе, но также переносят текущий выбор дня на 1 января ... Я бы предпочел, если бы кто-то знал способ сохранить текущий день в качестве выбора по умолчанию.

Затем для предыдущей/следующей кнопки можно ли изменить их на год вместо месяца? Else Я думаю, что могу обмануть, добавив обработчик события, чтобы щелкнуть 12 раз вместо 1.

Наконец, я хотел бы переместить следующую кнопку обратно на третий месяц, как на картинке. Это может быть не очень сложно с помощью CSS, поэтому мне просто интересно, если может быть функция, чтобы сделать это более легко.

Вот JSFiddle для моего текущего кода http://jsfiddle.net/AVZJh/2553/

Answer 1

я, наконец, нашел все недостающие части, результат: http://jsfiddle.net/AVZJh/2625/

Сетка & mooving/следующая кнопка предыдущая была как сделать изменения NUMBEROFMONTHS в массив: numberOfMonths: [4,3]

Предыдущий/Следующий коммутация год вместо месяца был добавив stepMonths:12

Начиная с января без изменения даты по умолчанию было сделано добавление showCurrentAtPos: new Date().getMonth()

Answer 2

Почему бы вам не попробовать AnyTime. У него есть все функции, о которых вы просите.