禁用全天时段的点击次数

时间:2017-03-30 09:24:03

标签: javascript jquery fullcalendar

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

1 个答案:

答案 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供您参考。