Fullcalendar：如何修改startParam与endParam的默认键名？

当然可以！FullCalendar 早就考虑到了这种数据库字段名和标准键名不匹配的场景，完全不需要手动遍历修改每一条原始数据，直接通过配置就能完成字段映射，确实比预处理数据简便太多了。

下面给你两种常用的实现方式：

1. 使用eventDataTransform全局回调（推荐） #

这个回调函数会在FullCalendar处理每条原始事件数据前自动执行，你可以在这里把数据库返回的自定义字段直接映射成FullCalendar需要的标准键名。

假设你的数据库里对应start和end的字段是event_start和event_end，示例代码如下：

document.addEventListener('DOMContentLoaded', function() {
  const calendarEl = document.getElementById('calendar');
  const calendar = new FullCalendar.Calendar(calendarEl, {
    // 这里可以是API接口地址、事件数组或者数据源函数
    events: '/api/get-calendar-events',
    eventDataTransform: function(rawEvent) {
      return {
        id: rawEvent.id,
        title: rawEvent.event_title, // 顺便映射标题字段的例子
        start: rawEvent.event_start, // 映射自定义开始时间字段
        end: rawEvent.event_end,     // 映射自定义结束时间字段
        // 其他需要的字段（比如颜色、描述）都可以在这里统一映射
      };
    }
  });
  calendar.render();
});

2. 针对单个数据源单独配置 #

如果你有多个不同的事件数据源，每个数据源的字段名不一样，可以在单个Event Source Object里单独设置eventDataTransform，实现差异化映射：

document.addEventListener('DOMContentLoaded', function() {
  const calendarEl = document.getElementById('calendar');
  const calendar = new FullCalendar.Calendar(calendarEl, {
    eventSources: [
      {
        url: '/api/meetings',
        eventDataTransform: function(rawMeeting) {
          return {
            start: rawMeeting.meeting_start,
            end: rawMeeting.meeting_end,
            title: rawMeeting.meeting_topic
          };
        }
      },
      {
        url: '/api/tasks',
        eventDataTransform: function(rawTask) {
          return {
            start: rawTask.task_start,
            end: rawTask.task_due,
            title: rawTask.task_name
          };
        }
      }
    ]
  });
  calendar.render();
});

这种方式完全不需要提前处理从数据库拿到的原始数据，所有字段映射工作都交给FullCalendar的回调来完成，非常高效省心。

内容的提问来源于stack exchange，提问作者Brice Coustillas