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

Question

我开始使用Fullcalendar and love the docs。但是，我遇到了以下问题：

渲染带有时间标签的背景？

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

那么我怎样才能让 Fullcalendar 在后台渲染模式下继续显示这些时间标签呢？

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

Answer 1

向背景事件添加时间标签并不容易"out of the box"，但使用 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 with it working (Using the same base code as your )

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

FullCalendar.js: Rendering background with time labels?

jquery

fullcalendar