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

从 1 月开始，未更改默认日期已完成添加 showCurrentAtPos: new Date().getMonth()

Answer 2

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