我正在使用FullCalendar 3.2.0在我的网络应用中显示日历。我打开了一整天的活动时段。但是我不希望它们是可点击的。我使用select回调选择空槽,而我使用eventClick来检测事件的点击。我希望他们都能在一整天的活动中被禁用。如何禁用全天活动和广告位的点击?
以下是我设置日历的方式
var calendar = $('#calendar').fullCalendar({
weekends: true,
selectable: true,
allDaySlot: true,
timezone: 'local',
defaultView: 'agendaMonth',
header: {
left: 'prev',
center: 'title',
right: 'next',
height: headerHeight
},
overlap: false,
editable: false,
slotEventOverlap: false,
eventSources: events,
eventLimit: duration,
defaultEventMinutes: duration,
select: onSelect,
eventClick: onEventClick,
viewRender: onViewRender
});
更新
有关更完整的示例,请参阅this fiddle。
答案 0 :(得分:0)
这是针对上述问题的部分解决方案。您可以使用
禁用点击全天活动 var onEventClick = function (event, jsEvent, view){
if(event.allDay){
return false;
}
alert(event.title);
}
并在
等事件中指定allDay: true
{
title: 'Long Event',
start: new Date(y, m, d-5),
end: new Date(y, m, d-2),
allDay: true
},
更新了Fiddle供您参考。