fullcalendar：每周視圖中所有事件的總持續時間

Question

我無法理解如何在 WEEK 視圖而非月視圖中計算每天事件的總持續時間。

所以我有周一到周五的視圖，假設周一有 3 個事件，每個事件時長 10 分鍾。 我想計算它總共加起來 30，然后在標題中顯示星期一旁邊的 30。

然后星期五有 2 個活動，每個活動 20 分鍾。我需要在星期五下看 40 分鍾。

目前這是我為每個活動所做的：

  var duration = moment.duration(event.end.diff(event.start));
                var mins = duration.asMinutes();
                element.find('.fc-title').append("<span class ='timeduration'>" + " " + mins + " min." + "</span>");

請幫我計算一周中每一天的總數。

Answer 1

也許這會做：

var durations = [];
  
    $('#calendar').fullCalendar({
      defaultDate: '2017-01-01',
      defaultView: 'agendaWeek',
      events: [{
        title: 'event 1',
        start: '2017-01-05 11:00',
        end: '2017-01-05 13:00',
      }, {
        title: 'event 2',
        start: '2017-01-05 08:00',
        end: '2017-01-05 09:00'
      }, {
        title: 'event 3',
        start: '2017-01-06 11:00',
        end: '2017-01-06 13:00',
      }, {
        title: 'event 4',
        start: '2017-01-06 08:00',
        end: '2017-01-06 10:00'
      }],
      dayRender: function(date, cell) {
        durations[date.format('YYYY-MM-DD')] = 0;
      },
      eventAfterAllRender: function(view) {
        $('#calendar').fullCalendar('clientEvents', function(event) {
          var duration = moment.duration(event.end.diff(event.start));
          var mins = duration.asMinutes();
          var dateTotal = durations[event.start.format('YYYY-MM-DD')];
          durations[event.start.format('YYYY-MM-DD')] = dateTotal + mins;
        });

        for (var key in durations) {
          $('th.fc-day-header[data-date="' + key + '"]').append('&nbsp;<span>duration: ' + durations[key] + '</span>');
        }
      }
    });

檢查小提琴