javascript - 如何使用 fullcalendar 添加在一周的特定日期无限期重复的事件

Question

我在代码中看到了重复 events 的示例，但我对它的工作原理感到困惑。我将如何添加一个每周一下午 4:30 发生的事件(现在将 events 添加为数组)？我正在尝试使用 basicWeek View 。

Answer 1

fullCalendar 中的事件模型不支持使用数组事件源直接添加“重复”事件。

您需要做的是使用外部提要(JSON URL)或使用 javascript 函数来生成事件。无论哪种方式，您的“来源”都将具有执行重复事件的逻辑，并且只填写给定时间范围内重复事件的所有日期..

例如使用 Javascript 函数。

function MyEvents(start,end, callback) {
  var events = [];
  // Setup the meeting on the this weeks "monday"
  var meeting = new Date(start.getFullYear(),
                         start.getMonth(),
                         start.getDate(),
                         4, 30, 00);
  meeting.setDate((meeting.getDate() - meeting.getDay()) + 1);

  while (meeting <= end) {
    events.push({
      id: 2,
      title: "Monday Meeting",
      start: new Date(meeting.valueOf()),
      allDay: false
    });
    // increase by one week
    meeting.setDate(meeting.getDate() + 7);
  }
  callback(events);
}
$('#calendar').fullCalendar({
    //.... Other settings here
    events: MyEvents
    //....
});

这只处理每周重复，您必须相应地为任何其他重复间隔构建逻辑。或者找到一个现有的类来管理重复事件。

要查看此代码“正在运行”，请访问 jsbin 链接 http://jsbin.com/usori3/edit