JQuery多月日历视图

时间:2013-10-01 17:21:45

标签: javascript jquery coldfusion calendar schedule

我正在寻找可以一次显示多个月(即上个月,当月,下个月)的JQuery / Javascript日历的建议/建议,如下所示: Image showing four calendars in a horizontal row with sequential months (Sept to Dec). Arrows on the right and left indicate the view can be scrolled. Some of the dates on each calendar have a border, or are coloured in different shades of blue.

(所附的模型显示了4个月的视图,但我认为我们实际上将做3个月的观点)。

我不需要日期选择器。这基本上是为了显示用户的日程安排,无法选择特定的月/年(超出横向滚动)。我们将从我们的数据库中提取事件,以某种方式将它们挂钩到日历中,然后在一天点击/悬停(或两者),显示其他信息。此视图无法编辑事件 - 仅显示。

我已经研究过一般的JQuery日历插件(Ion Calendar,CLNDR),但似乎没有一个我需要的基本的多月功能。多语言支持(或添加多语言文本的能力)对我们也很重要。我真的希望为此找到一个现成的插件 - 不是第一次有人试图这样做!

如果有任何使用/帮助,我们使用ColdFusion和MSSQL Server。我们还得到了JQuery 1.9.1,JQueryUI 1.10.0和Bootstrap 2.3.2。

编辑:我确实看过JQuery UI datepicker,但它不能用于我需要的功能。我看不出有任何方法可以将数据附加到特定日期,或者能够以某种方式设置某些日期与其他日期不同。我认为主要问题是它是一个日期选择器,而不是显示日历。

1 个答案:

答案 0 :(得分:0)

就像肖恩在评论中所说,你拥有的最佳选择可能是FullCalendar。虽然开箱即用不支持多月,但您可以通过添加多个日历来实现。查看Issue #199,其中介绍了可能的解决方案。

关于多语言问题:虽然它本身不是多语言,但FullCalendar确实支持修改日期,月份等。请参阅Text/Time Customization。您可以使用ColdFusion的MonthAsString和DayOfWeekAsString函数使其自己成为多语言。