Question

我已经实现了fullcalendar api来显示公司的所有业务/工作日。

    $('#calendar').fullCalendar({
    header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month,agendaWeek,agendaDay'
},
allDaySlot:false,
    events: evtObj,  //evtObj contains list of working days in JSON
    editable: false,
    height: 630
});

例如：2015年6月1日至2015年10月31日。现在我有一个商务假期列表，比如：6月25日，8月31日......

现在我如何删除这些日期。由于事件对象仅包含开始日期和结束日期作为参数

{
    title: event name,
    start: start time,
    end  : end time
}

Answer 1

你不能在fullcalendar中这样做。但是有一些解决方法您可以为具有与营业时间相同的CSS类的那些日期添加背景事件。我们假设你有这些日期：

var start = new Date(2015, 5, 1), //1st of June 0:00
    end = new Date(2015, 5, 2); //2nd of June 0:00

现在为1天创建2个事件，为allDay插槽创建1个事件＆amp;其余时间有1个活动。事件看起来像这样：

{
    start: moment(start),
    end: moment(end),
    rendering: 'background',
    className: 'fc-nonbusiness'
},
{
    start: moment(start),
    allDay: true,
    rendering: 'background',
    className: 'fc-nonbusiness'
}

如何在完整日历中实现自定义假期

1 个答案: