Jquery fullcalendar隐藏特定的时间

Question

我想使用jquery fullcalendar，但我想隐藏某些小时。我想显示从8:00 am-> 11:00 am和从16:00pm->19:00pm的日历

所以上午11点到下午16点之间的时间必须被"隐藏"。

我没有看到这样做的选项:

提前谢谢克里斯托夫

Answer 1

您不想修改完整的日历源，因为您希望与官方分支保持同步。

那么唯一的方法就是在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]);        
}

之后，你必须记住剪辑和移动事件周期只是为了查看的目的。

Answer 2

看看你的代码会很有帮助;这是我最好的猜测。

在你的fullCalendar初始化代码中，我将使用一个事件生成函数(参见事件生成函数)

events: function(start,end,callback){
  //get your data from wherever you're getting it
  var events = some_ajax_method(start, end);
  //filter it down to the times you want to show
  events = $.map(events, function(event){
    if (event meets time criteria)
      return event
    else
      return null;
  });
  callback(events);
}