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

Question

我开始使用Fullcalendar并喜欢这些文档.但是,我遇到了以下问题:

渲染背景与时间标签？

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

那么,即使在后台渲染模式下,如何告诉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与它一起工作(使用与其他问题相同的基本代码)