fullCalendar 多日活动开始和结束时间

多日活动很少有一个开始和一个结束时间。例如，伯明翰动漫展可能会持续三天，但你不能在凌晨 1 点出现！活动举办的三天中，每一天都有单独的开始和结束时间。我无法在文档中找到有关每个事件的多个开始和结束时间的任何内容，还有其他人吗？

Edit:

如果有人看到这个并且想要相同的功能，我的工作方式是添加“eventlength”和“firstend”、“secondstart”、“secondend”、“thirdstart”作为 JSON 值。这对我来说很有效，因为我的活动不会超过三天。 'eventlength' 只是一个数字（1、2 或 3），其余的是时间/日期。

在 fullCalendars eventClick 部分中，我有一个 if 语句，它循环遍历各种可能的事件长度并显示适当的值。

$startDf = 'ddd Do H:mma';
$endDf = 'H:mma';

if(calEvent.eventlength == 2){
  $this.find('#event__info .event-date').text((calEvent.start).format($startDf) + ' - ' + moment(calEvent.firstend).format($endDf) + '\n' + moment(calEvent.seccondstart).format($startDf) + ' - ' + (calEvent.end).format($endDf));} 
else if(calEvent.eventlength == 3){
  $this.find('#event__info .event-date').text((calEvent.start).format($startDf) + ' - ' + moment(calEvent.firstend).format($endDf) + '\n' + moment(calEvent.seccondstart).format($startDf) + ' - ' + moment(calEvent.seccondend).format($endDf) + '\n' + moment(calEvent.thirdstart).format($startDf) + ' - ' + (calEvent.end).format($endDf));} 
else {
  $this.find('#event__info .event-date').text((calEvent.start).format($startDf) + ' - ' + (calEvent.end).format($endDf));}

这将三天的事件显示为日历上的一个事件，但输出以下内容，我认为这比拥有 3 个单独的一日事件或从第一天上午 10 点到第三天下午 4 点持续开放的事件更有意义。

28 日周日 上午 10:00 - 下午 22:00

29 日星期一 上午 10:00 - 下午 16:00

30日上午10:00-下午16:00

如果同一“事件”有多个开始/结束时间，fullCalendar 会将它们视为单独的事件。如果您有一个多天的活动，只需创建不同的活动并为其分配相同的 ID。

Event.id 文档 http://fullcalendar.io/docs/event_data/Event_Object/:

字符串/整数。选修的

唯一标识给定的事件。不同的重复实例 事件应该有相同的 id。

您的事件列表可能类似于：

var myEvents =  {
        title: "Birmingham Comic Con",
        start: new Date('2014-11-20T09:00'),
        end: new Date('2014-11-20T19:00'),
        id: 1
    }, {
        title: "Birmingham Comic Con",
        start: new Date('2014-11-21T09:00'),
        end: new Date('2014-11-21T19:00'),
        id: 1
    },
    {
        title: "Birmingham Comic Con",
        start: new Date('2014-11-22T09:00'),
        end: new Date('2014-11-22T19:00'),
        id: 1
    }

因此，如果您稍后必须更新多日活动，只需按 ID 引用该活动即可。

你可以检查这个笨蛋 http://plnkr.co/edit/HBTkYn?p=preview.

发表评论后更新：如果您确实想将事件维护为一个多天的事件，只有一个事件，您可以将自己的属性添加到事件对象，但稍后您应该做额外的工作。例如：

• 自定义类别以在动漫展闭幕时显示不同的内容。
• 在打开或关闭期间单击事件时，处理事件回调以更改方法。
• ...

不管怎样，你的活动可能是这样的：

    var myEvent = {
        title: "Birmingham Comic Con",
        start: new Date('2014-11-20T09:00'),
        end: new Date('2014-11-22T19:00'),
        id: 1, 
        isMultipleDay: true, 
        multipleDayEvents: [
          {start: new Date('2014-11-20T09:00'), 
            end: new Date('2014-11-20T19:00'), 
            description: 'Day 1'
          }, 
          {
            start: new Date('2014-11-21T09:00'),
            end: new Date('2014-11-21T19:00'),
            description: 'Day 2'
          }, 
          {
            start: new Date('2014-11-22T09:00'),
            end: new Date('2014-11-22T19:00'),
            description: 'Day 3'
          }
        ]
    }