Fullcalendar 有没有一种简单的方法可以在agendaWeek上显示每小时时段的活动结束时间?

Fullcalendar 有没有一种简单的方法可以在agendaWeek上显示每小时时段的活动结束时间?,fullcalendar,Fullcalendar,我想在agendaWeek视图中显示displayEventEnd。默认情况下,它只在超过一小时的条目上显示,但对于少于一小时的条目,它只显示开始时间。有没有一种简单的方法可以实现这一点,使其显示在该视图类型的较长和较短条目上?使用eventAfterRender回调更新标题 eventAfterRender: function(event, $el, view) { // only on agendaWeek view if( 'agendaWeek' === view.nam

我想在agendaWeek视图中显示displayEventEnd。默认情况下,它只在超过一小时的条目上显示,但对于少于一小时的条目,它只显示开始时间。有没有一种简单的方法可以实现这一点,使其显示在该视图类型的较长和较短条目上?

使用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);
        }
    }
}
下面是一个关于JSFIDLE的示例:

答案抄袭自:

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

以下是更新的小提琴:


使用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);
        }
    }
}
下面是一个关于JSFIDLE的示例:

答案抄袭自:

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

以下是更新的小提琴:


非常感谢您的评论。不幸的是,这是针对V1的,我使用的是V2,formatDates函数无法识别,我还检查了您链接到的其他线程,但遗憾的是,这些方法都不起作用。agendaWeek日历视图似乎不包含“fc short”类。我认为唯一的方法是以某种方式注入结束日期,我认为eventAfterRender可能是一种方法,但遗憾的是,在我的案例中,您的示例没有这样做。不过,我希望它能帮助其他人。非常感谢你的评论。不幸的是,这是针对V1的,我使用的是V2,formatDates函数无法识别,我还检查了您链接到的其他线程,但遗憾的是,这些方法都不起作用。agendaWeek日历视图似乎不包含“fc short”类。我认为唯一的方法是以某种方式注入结束日期,我认为eventAfterRender可能是一种方法,但遗憾的是,在我的案例中,您的示例没有这样做。不过,我希望它能帮助其他人。