jQuery UI datepicker为“年历”

Question

我正试图从jQuery UI datepicker获取全年日历，我可以在那里与周而不是几天进行互动。

我已经找到了如何进行每周部分，但现在我想显示全年，结果与此类似：

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

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

然后对于上一个/下一个按钮，是否可以让它们改变年份而不是月份？否则我想我可能会欺骗，通过添加一个事件处理程序来点击12次而不是1次。

最后，我想将下一个按钮移回第三个月，如图所示。使用CSS可能不是很难，所以我只是好奇是否有更容易实现的功能。

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

的JSFiddle

Answer 1

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

网格＆amp;移动上一个/下一个按钮都是将numberOfMonths改为数组：numberOfMonths: [4,3]

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

从1月开始而不更改默认日期已添加showCurrentAtPos: new Date().getMonth()

Answer 2

为什么不试试AnyTime。它具有您要求的所有功能。