完整日历：在一个单元格中限制每天的事件

Question

有没有办法限制引导日历上每个单元格的事件，如附图所示？我想将其显示为 2 个事件和“...更多”标签，以防有 2 个以上的事件具有相同的日期并防止拉伸整个日历。

Answer 1

在 v5.0.0-beta.2 中，该eventLimit选项似乎不起作用，但该dayMaxEvents选项却起作用了。

来源： https: //github.com/fullcalendar/fullcalendar/blob/d3a2b13db43cfe9a450091776da3be25a0ca15c0/packages/daygrid/src/TableRow.tsx#L40

例子：

var calendar = new Calendar(calendarEl, {
  dayMaxEvents: 3 // Can also be set as a boolean
});

Answer 2

请尝试以下操作。

随着新版本 v2.1.0-beta2 发布 17 天前 Arshaw 做了以下事情

已解决的问题：

带有“更多...”链接的最大事件数 (304) 拖动/调整大小时不要触发 eventMouseover/eventMouseout (1297) 新选项：

eventLimit 事件 LimitClick eventLimitText dayPopoverFormat

来源

因此，您可以执行以下操作：

$('#calendar').fullCalendar({
    lang: 'en',
    eventLimit: true, // If you set a number it will hide the itens
    eventLimitText: "Something" // Default is `more` (or "more" in the lang you pick in the option)
});

取自：Fullcalendar，每天限制数量事件所需的文件，带有查看更多/更多按钮？