我正在使用FullCalendar 3.2.0在我的Web应用程序中显示日历。我已经打开了全天的活动时段。但是,我不希望它们是可点击的。我使用选择回调来选择空插槽,而我使用 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
});
更新:
有关更完整的示例,请参阅此小提琴。
这是上述问题的部分解决方案。您可以使用以下方法禁用对全天事件的点击
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
},
更新了小提琴供您参考。