javascript - Fullcalendar event's end time is missing

Question

I run Fullcalendar wih this options

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

I have some events (30 min long each), but only their start time is shown.

10:00 -  
14:30 -

while dragging an event, its start and endtime appears as i should be.

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

Answer 1

The answer of Regin did not work for me (I assume a newer version of FullCalendar).

I've found two solutions.

First, the easiest one that maintains most of the styling for short events. This styles it back to the defaults:

.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;
}

Secondly you could add the following logic to the eventAfterRender. Please note this might have other effects where certain styling of small items will be different, but if this is not a big issue in your environment then this works perfectly.

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