Fullcalendar 如何在完整日历中实现自定义假日
我已经实现了fullcalendar api来显示公司的所有业务/工作日Fullcalendar 如何在完整日历中实现自定义假日,fullcalendar,Fullcalendar,我已经实现了fullcalendar api来显示公司的所有业务/工作日 $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, allDaySlot:false, events: evtObj, //evtObj contains list of working
$('#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日
现在我如何才能从显示中删除这些日期。As事件对象仅包含开始日期和结束日期作为参数
{
title: event name,
start: start time,
end : end time
}
在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
现在,为一个特定的日子创建两个活动,为全天时段创建一个活动,为一天剩余的时间创建一个活动。
事件如下所示:
{
start: moment(start),
end: moment(end),
rendering: 'background',
className: 'fc-nonbusiness'
},
{
start: moment(start),
allDay: true,
rendering: 'background',
className: 'fc-nonbusiness'
}
谢谢你。但是我想跳过这个活动本身。由于我将举办很多商务活动,根据地点的不同,每个活动可能会有不同的商务假期。我不能把这一天的所有活动都当作假日。@Vaibhav跳过活动本身是什么意思?是否要将其从视图中删除?是。我想从事件视图中省略假日。例如,13号是假日。。。。1 2 3 4 5 6 7 8 9 10 11 12 ...... 14 15 16 17