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的参考：https://fullcalendar.io/docs/eventRender

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

Answer 3

从那时起，标题的appart可以达到多远？

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

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

3 个答案: