FullCalendar.js：使用时间标签渲染背景？

Question

我开始使用Fullcalendar并热爱docs。但是，我遇到了以下问题：

使用时间标签渲染背景？

我有一个用户指定他的可用时间，另一个用户可以在给定时间内进行选择。要允许selection，我们需要在events数组中设置rendering: 'background'，否则主事件会阻止事件插入。但是当使用背景渲染时，时间标签会消失：

那么，即使在后台渲染模式下，如何告诉Fullcalendar继续显示这些时间标签？

如果有人可以帮助我，我会很高兴。

Answer 1

为背景事件添加时间标签并非“开箱即用”，但使用eventRender回调很容易。

eventRender: function(event, element, view ){
    if(event.rendering === "background"){
        // Just add some text or html to the event element.
        element.append( event.start.format('HH:mm') + " - " + 
                       event.end.format('HH:mm'));
    }
},

如果您想要更好的格式化，您当然可以添加一两个范围。

这是一个JSFiddle，它有效（使用与other question相同的基本代码）