禁用全天时段的点击



我正在使用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
},

更新了小提琴供您参考。

相关内容

  • 没有找到相关文章