FullCalendar.js:使用时间标签渲染背景?
我开始使用Fullcalendar并喜欢这些文档 。 但是,我遇到了以下问题:
渲染背景与时间标签?
我有一个用户指定他的可用时间,另一个用户可以在给定时间内进行选择。 为了允许选择,我们需要在events数组中设置rendering: 'background'
,否则主事件会阻塞事件插入。 但是当使用背景渲染时,时间标签会消失:
那么,即使在后台渲染模式下,如何告诉Fullcalendar继续显示这些时间标签?
如果有人可以帮助我,我会很高兴。
向背景事件添加时间标签并不是“开箱即用”的,但是使用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与它一起工作(使用与其他问题相同的基本代码)
- 使用eventRender在fullcalendar事件中显示图像
- Fullcalendar.js点击即可获得当天的活动
- ‘show’事件不会在IE9中使用Rails中的Twitter Bootstrap Modal触发
- 在fullcalendar中的选定日期重复事件
- 如何使用带有fullcalendar select回调的jQuery对话框?
- 在Fullcalendar日视图中显示超过1天
- 在Fullcalendar jQuery插件中处理dblclick
- fullCalendar 1.5.3创建了多个事件,无法删除未选中的事件
- renderEvent(使用FullCalendar Scheduler)不呈现新事件