FullCalendar v6中eventContent与dayMaxEvents冲突及参数差异咨询

一、自定义eventContent后溢出链接不显示的解决方法 #

这不是Bug，是自定义事件内容时需要遵循FullCalendar的DOM结构规范。当完全重写eventContent返回的内容时，会破坏FullCalendar内部用于计算事件高度、检测事件是否溢出的DOM结构，导致无法触发溢出链接逻辑。

正确的做法是在默认事件内容的基础上追加自定义元素，而非完全替换：

eventContent: function(info) {
  // 创建默认事件内容容器
  const eventContainer = info.createElement('div');
  eventContainer.innerHTML = info.event.title;
  
  // 追加自定义元素（比如你需要的黄点）
  const dot = info.createElement('span');
  dot.className = 'custom-dot'; // 自定义样式实现黄点
  eventContainer.appendChild(dot);
  
  // 返回符合要求的DOM节点数组
  return { domNodes: [eventContainer] };
}

如果必须自定义完整结构，要确保DOM元素保留FullCalendar的事件类名（如fc-event相关类），让日历能正确识别并计算高度。

二、dayMaxEvents与dayMaxEventRows的区别 #

两者都是控制日期单元格的事件显示上限，但逻辑完全不同：

• dayMaxEvents：按事件数量限制。设置为N时，单元格内最多显示N个事件，超出的会被隐藏并显示溢出链接。不管每个事件占据多少垂直空间，只统计事件的个数。
• dayMaxEventRows：按垂直行数限制。设置为N时，单元格内最多显示N行的事件空间。如果某个事件内容过长占了2行，它会消耗2个行配额，剩余配额只能容纳占1行的事件，总事件数可能少于N。

举个实际场景：

• 单元格内有3个单行事件：dayMaxEvents:2会显示前2个，溢出链接显示"+1"；dayMaxEventRows:2同样显示前2个，因为每个占1行，刚好填满2行。
• 单元格内有1个占2行的事件和2个单行事件：dayMaxEvents:3会显示所有3个事件；dayMaxEventRows:2只会显示那个占2行的事件，剩下2个单行事件会被隐藏，溢出链接显示"+2"。

内容的提问来源于stack exchange，提问作者John Brink