Необходимо отобразить заголовок события до времени события (полный календарь)

Question

У меня есть события, которые содержат как название события, так и время события. Однако мне нужно, чтобы 'fc-event-title' отображался первым в событии, до 'fc-event-time' Прямо сейчас все наоборот. Как бы я пошел на переключение этого?

Любая помощь очень ценится.

Answer 1

Пользователь @ppumkin предложил мне отредактировать основной javascript (fullcalendar.js), который оказался решением. Я взял следующий пункт в строке 3665:

(!event.allDay && seg.isStart ?
"<span class='fc-event-time'>" +
htmlEscape(formatDates(event.start, event.end, opt('timeFormat'))) +
"</span>"
:'') +
"<span class='fc-event-title'>" + htmlEscape(event.title) + "</span>" +

И заменил его следующим:

"<span class='fc-event-title'>" + htmlEscape(event.title) + "</span>" +    
(!event.allDay && seg.isStart ?
"<span class='fc-event-time'>" +
htmlEscape(formatDates(event.start, event.end, opt('timeFormat'))) +
"</span>"
:'') +

По сути, я просто поместил диапазон 'fc-event-title' перед 'fc-event-time'.

Answer 2

Я добавляю свой ответ, чтобы он мог помочь кому-то, кто не хочет изменять библиотеку javascript (fullcalendar.js)

Здесь я меняю HTML "fc-title" и "fc-time" на функцию "eventRender". eventRender срабатывает во время рендеринга события. А в функции «eventRender» мы можем изменить календарь DOM.

Этот код работал для меня.

Ссылка на eventRender: https://fullcalendar.io/docs/eventRender

eventRender: function (event, element, view) {
              element.find('.fc-title').each(function () {
              $(this).insertBefore($(this).prev('.fc-time'));
              });
}

Answer 3

Как далеко может быть название от времени?

http://gyazo.com/866a825b53ac22eebfbbedc6ec6961c2.png

Если вы не возражаете против этого в правом углу, вы можете просто указать точное время.

как всегда есть класс fc-event-time <span class="fc-event-time">5p</span>

.fc-grid .fc-event-time {
    float: right;
    font-weight: bold;
}