更改完整的日历输出？

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