如何在月视图中显示全天活动的开始时间和结束时间？

Question

我想在月视图中显示活动开始时间和结束时间以及全天活动的标题。

fullcalendar.io中是否有任何方法或属性可以帮助我实现。

Answer 1

要执行此操作，请使用 eventRender 回调（请参阅docs中的说明）。

function( event, element, view ) { ... }

您有两种选择可以满足您的需求：

1. 通过更改HTML来修改传递给eventRender回调的element。

来自文档：

  

元素是一个新创建的jQuery元素，将用于渲染。它已经填充了正确的时间/标题文本。

1. 或者，您可以构建一个符合您要求的自定义元素，并从回调中返回它。请务必为您的全天活动返回<td>元素：

  

该函数还可以返回将用于渲染的全新元素。对于全天背景活动，您必须确保返回<td>。

Answer 2

您可以按以下方式使用eventRender

$('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        defaultDate: new Date(),
        defaultView: 'month',
        editable: true,
        events: events,
        eventRender: function (calEvent, element, view) {
//In my case I've created properties startTimeShort  and endTimeShort 
            element.html("<span>" + calEvent.startTimeShort + "-" + calEvent.endTimeShort + "</span>");
            
        }

    });