Question

我现在正在使用FullCalendar v2，我发现它非常有用。但是，当我想要显示事件的结束时间时，我遇到了一个问题。

我希望在一周内显示开始时间和结束时间以及每日视图，例如＆＃34; 09：00-17：00＆＃34;。我在Display ending time in fullcalendar week view only找到了一个解决方案，但它似乎是一个v1版本。我在v2中使用它并且失败了。

如何在一天内显示开始时间和结束时间？

Answer 1

我发现这个答案对我有用：https://stackoverflow.com/a/24951989/590382

在FullCalendar＆gt; = 2.0.1中，有一个名为displayEventEnd的设置。

文档： http://fullcalendar.io/docs/text/displayEventEnd/

是否显示事件的结束时间文本在日历上呈现。

示例：

displayEventEnd: { month: false, basicWeek: true, "default": true }

Answer 2

答案在这里：Fullcalendar event's end time is missing适用于版本1.6.1。但是，formatDates函数已在v2中替换为formatRange。所以，使用

eventAfterRender: function(event, $el, view) {
        var formattedTime = $.fullCalendar.formatRange(event.start, event.end, "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);
        }
    }

Answer 3

不需要如上所述那样令人费解的答案。我遇到了同样的问题，我通过简单地配置fullcalendar属性来修复它：

timeFormat: {
            month: "HH:mm",
            week: "HH:mm",
            day: "HH:mm"
        },

为FullCalendar的周和每日视图添加结束时间

3 个答案: