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可能并不难，所以我很好奇是否有一个函数可以更轻松地实现它。

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

Answer 1

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

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

添加stepMonths:12代替上一个/下一个转换年份

从一月开始不更改默认日期就添加了showCurrentAtPos: new Date().getMonth()

Answer 2

你为什么不尝试任何时间 。 它具有您要求的所有功能。