更改完整的日曆輸出？

Question

我正在一個網頁上的完整日曆。目前，每個區塊的佈局是：

Time 
Title 
Description 

但我想標題先走然後時間。但是我無法找到任何可以在代碼中進行此更改的地方。

$(document).ready(function() { 
    $("#cal").fullCalendar({ 
     header: { 
      left: 'prev,next', 
      right: 'month,agendaDay' 
     }, 
     aspectRatio: 2, 
     editable: false, 
     timeFormat: 'h:mmt{-h:mmt}', 
     eventTextColor: 'black', 
     eventBackgroundColor: '#FFFF77', 
     allDayDefault: false, 
     eventSources: [{ 
      url: 'path/to/fullcalendar', 
      color: 'green', 
      textColor: 'black' 
      }], 
     eventRender: function(event, element) { 
      element.find('.fc-event-title').html(event.title + "<br/>" + event.description).text(); 
     } 
    }); 
}); 

因此，任何人都可以幫我弄清楚我應該在哪裏修改以更改標題和時間？
謝謝

Answer 1

在eventRender的內部，您需要更改元素佈局，以便標題之後。類似這樣的：

eventRender : function(event, element) { 
    var time = element.find('.fc-event-time').detach(); 
    element.find('.fc-event-title').after(time); 
    ... any other code here ... 
}