jquery-ui - jquery fullcalendar 隐藏特定时间

Question

我想使用 jquery fullcalendar 但我想隐藏某些时间。
我想显示 8.00am->11.00am 和 16:00pm->19:00pm 的日历

因此，上午 11:00 到下午 16:00 之间的时间必须“隐藏”。

我没有看到这样做的选项:
我怎么能强制这个？

提前谢谢
克里斯托夫

Answer 1

您不想修改 fullcalendar 源，因为您希望与官方分支保持同步。

那么唯一的方法是在使用 javascript 的 fullcalendar 初始化后隐藏适当的行(小时):

//hide rows with unused hours. Class names can be found in html source of
//rendered fullcalendar (fc-slotxx)
for(var i=0; i<gapshours.length; i++)
{
    var gapclass = '.' + gapsclasses[i];
    $(gapclass).hide()           
}

//display hours for clipped borders
for(var i=0; i<sethourhours.length; i++)
{
    var hourclass = '.' + sethourclasses[i] + ' th'
    $(hourclass).text(sethourhours[i]);        
}

之后，您必须记住剪辑和移动事件的时间段仅用于查看目的。