添加更多事件时,停止调整完整日历的日期单元格

时间:2014-02-26 05:03:10

标签: javascript jquery html css fullcalendar

我在项目中使用JQuery FullCalendar,我注意到如果更多事件与该日期重合,则会扩展日期单元格。 如下图所示,请参阅February 4的日期单元格 enter image description here

我怎样才能阻止这种情况的发生。我想只显示几个适合单元格的事件。如果有更多事件,那么当我们切换到weekday视图时,应该会显示这些事件。

有什么办法吗?

2 个答案:

答案 0 :(得分:0)

您可以通过参考以下链接获得所需的结果

viewmore functionality to fullcalendar

您需要将3个js文件date.js,fullcaleder.viewmore.js,jquery.formbubble.js添加到您的项目中。 此插件的问题是ViewMore功能不起作用,但您可以通过编辑fullcaleder.viewmore.js文件来禁用viewMoreButton,您可以在月视图中获取有限数量的事件,并在周视图中获取实际事件

答案 1 :(得分:0)

FullCalendar v2.1.0-beta2引入了eventLimit选项来解决此问题。

有关解决此问题所引入的新选项的粗略文档,请参阅https://github.com/arshaw/fullcalendar/releases/tag/v2.1.0-beta2https://code.google.com/p/fullcalendar/issues/detail?id=304(如SaschaM78之前所述)。

我已在http://jsfiddle.net/wijgerden/nv4qkLgt/准备了一个JSFiddle,其中包含原始屏幕截图中显示的示例事件。再加上2014年2月5日至6日的一些额外活动,以显示eventLimit: 5的影响:5个事件m1 ... m5一次全部可见,而6个事件名为{{ 1}} ... n1仅部分显示。当你点击" + 2更多"链接。在这种情况下,它们是全天活动,但这也适用于定时活动以及全天和定时活动的组合。