javascript - jQuery UI 日期选择器为 "year calendar"

Question

我正在尝试从 jQuery UI datepicker 获取全年日历，我可以在其中与周而不是天进行交互。

我已经找到了如何处理每周部分，但现在我想显示全年，结果类似于:

我设法添加了 12 个月，使用 numberOfMonths: 12，但如何将它们设置为网格显示？我试图为容器设置宽度，但它没有做任何事情。

对于开始的月份，我在另一个主题上发现我可以将默认日期更改为 1 月 1 日，添加 defaultDate: new Date(new Date().getFullYear(), 0,1)。这确实使月份从 1 月开始，但它也将当前日期选择移动到 1 月 1 日......如果有人知道将当前日期保留为默认选择的方法，我会更愿意。

那么对于上一个/下一个按钮，是否可以让他们改变年份而不是月份？否则我想我可能会作弊，方法是添加一个事件处理程序来单击 12 次而不是 1 次。

最后，我想将下一个按钮移回第三个月，如图所示。使用 CSS 可能不是很难，所以我很好奇是否有一个函数可以更轻松地做到这一点。

这是我当前代码的 JSFiddle http://jsfiddle.net/AVZJh/2553/

Answer 1

我终于找到了所有缺失的部分，结果:http://jsfiddle.net/AVZJh/2625/

网格和移动上一个/下一个按钮都已完成，将 numberOfMonths 更改为数组:numberOfMonths: [4,3]

上一个/下一个切换年份而不是月份是通过添加 stepMonths:12

完成的

在不更改默认日期的情况下从 1 月开始添加 showCurrentAtPos: new Date().getMonth()