Javascript 如何在fullcalendar/jquery中添加空闲时间段？

我正在寻找一种方法，以增加在完整的日历，显示从16:00到20:00每天免费的时间段。这样就可以选择它们在事件中预订，但不显示我正在使用JSON调用获取的事件的时间

到目前为止，从数据库获取日期的调用工作正常，但不确定如何填写灰色框，以便用户可以单击并在中添加事件。我用的是灯箱

这是目前为止的代码（但即使JSON回调中有一个事件，它也会创建一个事件）：

$（“#日历”）.fullCalendar({
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“月，agendaWeek，agendaDay”
},
是的，
eventClick:函数（事件）{
var url='api.php？getclassinfo=1&class_id='+event.id；
$.getJSON（url，函数（json）{
$（'#class_id'）.val（json.id）；
$（'#class_name'）.val（json.name）；
$（'#class_time'）.val（json.time）；
var输出=“”；
for（json.day中的变量i）{
output=output+json.day[i]+'，'；
}
});
返回false；
},
//事件：“api.php？getdates=1&class\u room=”+class\u room
事件来源：
[
'api.php？getdates=1&class_room='+class_room，
MyEvents
]
});
函数MyEvents（开始、结束、回调）{
var事件=[]；
//设置本周“星期一”的会议
var会议=新日期（start.getFullYear（），
start.getMonth（），
start.getDate（），
16, 00, 00);
meeting.setDate（（meeting.getDate（）-meeting.getDay（））+1）；
i=0；
while（meeting此线程上的答案可能会对您有所帮助。这并不是对您的问题的确切回答，但您可能只需稍微调整代码即可实现您的目标


$('#calendar').fullCalendar({
    header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            editable: true,
            eventClick: function(event) {           
                var url='api.php?getclassinfo=1&class_id='+event.id;
                $.getJSON(url,function(json){
                    $('#class_id').val(json.id);
                    $('#class_name').val(json.name);
                    $('#class_time').val(json.time);

                    var output='';
                    for (var i in json.day) {
                        output = output+json.day[i]+',';
                    }

                });
                return false;
    },
    //events: 'api.php?getdates=1&class_room='+class_room
    eventSources:
    [
    'api.php?getdates=1&class_room='+class_room,
     MyEvents
    ]
});


function MyEvents(start,end, callback) {
  var events = [];
  // Setup the meeting on the this weeks "monday"
  var meeting = new Date(start.getFullYear(),
                         start.getMonth(),
                         start.getDate(),
                         16, 00, 00);
  meeting.setDate((meeting.getDate() - meeting.getDay()) + 1);
    i=0;
  while (meeting <= end) {
    events.push({
      id: meeting.valueOf(),
      title: "Free space",
      start: newdate,
      allDay: false,
      backgroundColor: "#EEEEEE",
      borderColor: "#EEEEEE",
      textColor: "#AAAAAA"
    });
    // increase by one week
    meeting.setDate(meeting.getDate() + 1);
    i=i+1;
  }
  callback(events);
}