需要在事件发生前显示事件标题（fullcalendar）

Question

我有包含事件标题和事件时间的事件。但是，我需要在'fc-event-time'之前首先出现'fc-event-title'。现在正好相反。我该如何转换呢？

任何帮助是极大的赞赏。

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-time'之前加上'fc-event-title'。

Answer 2

我正在添加我的答案，以便它可以帮助那些不想修改javascript库的人（fullcalendar.js）

这里我在“eventRender”函数中交换“fc-title”和“fc-time”的HTML。在呈现事件时触发eventRender。在“eventRender”函数中我们可以修改日历DOM。

这段代码对我有用。

eventRender的参考：qazxsw poi

https://fullcalendar.io/docs/eventRender

Answer 3

标题与时间有多远？

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

如果你不介意它在右手边，你可以只是漂浮时间。

因为所有时间都有一个叫做fc-event-time http://gyazo.com/866a825b53ac22eebfbbedc6ec6961c2.png的类

<span class="fc-event-time">5p</span>