是否有一种简单的方法可以在Adendaweek上显示事件结束时间以获取每小时的插槽

Question

我想在Adendaweek视图中显示DisplayEventend。默认情况下，它仅在一个超过一个小时的任何条目上显示，但对于任何少的内容，它只是显示了开始时间。是否有一种简单的方法来执行此操作，因此在此视图类型的更长和较短的条目上显示？

Answer 1

使用EventAfterRender回调以更新标题。

eventAfterRender: function(event, $el, view) {
    // only on agendaWeek view
    if( 'agendaWeek' === view.name ) {
        var formattedTime = $.fullCalendar.formatDates(event.start, event.end, "HH:mm { - HH:mm}");
        // If FullCalendar has removed the title div, then add the title to the time div like FullCalendar would do
        if($el.find(".fc-event-title").length === 0) {
            $el.find(".fc-event-time").text(formattedTime + " - " + event.title);
        }
        else {
            $el.find(".fc-event-time").text(formattedTime);
        }
    }
}

这是JSFiddle上的一个示例：http：//jsfiddle.net/kvakulo/zutpu/

回答从：Regin Larsen复制 - FullCalendar事件的结束时间丢失

编辑：FullCalendar 2.8.0似乎已更改了HTML布局。更新的小提琴和代码。

这是更新的小提琴：更新的小提琴fullcalendar 2.8.0

eventAfterRender: function(event, $el, view ) {
    var formattedTime = $.fullCalendar.formatRange(event.start, event.end, "HH:mm");
    // if event has fc-short class, data-start value will be displayed
    // remove fc-short class and update fc-time span text
    if($el.is('.fc-short') ) {
        $el.find(".fc-time span").text(formattedTime + " - " + event.title);
        $el.removeClass('fc-short');
        $el.find('.fc-title').remove();
    }
}