Gibt es eine einfache Möglichkeit, die Endzeit des Events auf der AgendaWeek für stündliche Slots anzuzeigen?

Question

Ich möchte displayEventEnd in agendaWeek anzeigen. Standardmäßig wird es nur bei Einträgen angezeigt, die länger als eine Stunde sind, aber für alles andere zeigt es nur die Startzeit an. Gibt es eine einfache Möglichkeit, dies zu tun, so dass es für diesen Ansichtstyp sowohl längere als auch kürzere Einträge anzeigt?

Answer 1

Verwenden Sie den EventAfterRender-Callback, um den Titel zu aktualisieren.

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

Hier ist ein Beispiel auf jsfiddle: http://jsfiddle.net/kvakulo/zutPu/

Antwort kopiert aus: Regin Larsen - Fullcalendar event's end time is missing

EDIT: fullCalendar 2.8.0 scheint es, dass die HTML-Layout geändert hat. Geige und Code wurden aktualisiert. Hier

ist die aktualisierte Geige: Updated fiddle 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(); 
    } 
}