javascript - 缺少全日历事件结束时间

Question

我用这个选项运行 Fullcalendar

defaultEventMinutes:30,
timeFormat: 'HH:mm { - HH:mm}',

我有一些事件(每个事件 30 分钟)，但只显示它们的开始时间。

10:00 -  
14:30 -

在拖动一个事件时，它的开始和结束时间会按我应该的那样出现。

10:00 - 10:30  
14:30 - 15:00

Answer 1

Regin 的回答对我不起作用(我假设是更新版本的 FullCalendar)。

我找到了两个解决方案。

首先，最简单的一个，它保留了短事件的大部分样式。这会将其设置为默认设置:

.fc-time-grid-event.fc-short .fc-time span {
    display: inline;
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: normal;
}  

.fc-time-grid-event.fc-short .fc-time:after {
    content: normal;
}

其次，您可以将以下逻辑添加到 eventAfterRender。请注意，这可能会产生其他影响，即小元素的某些样式会有所不同，但如果这在您的环境中不是一个大问题，那么这将非常有效。

eventAfterRender: function (event, $el, view) {
                $el.removeClass('fc-short');
            }