如何在月视图中显示全天事件的开始时间和结束时间

Question

我想在月视图中显示全天事件的开始时间和结束时间。

在fullcalendar中是否有可用的方法或属性?

Answer 1

要做到这一点，使用eventRender回调(参见文档中的描述)。

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

你有两个选择来做你需要的:

1. 修改传递给eventRender回调的element。

From the docs:

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

或者，您可以构造一个适合您需求的自定义元素，并从回调中返回它。确保为您的全天事件返回<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>");
            
        }
    });