如何在fullcalendar中禁用拖放功能

时间:2010-08-18 17:11:38

标签: javascript jquery fullcalendar

我在整个项目中使用FullCalendar,我需要在我的网站的一个区域中显示它,其中事件不可拖动但在月视图中保持突出显示。请任何想法。

10 个答案:

答案 0 :(得分:39)

我知道这是一个老问题,但是没有人正确回答这个问题,所以你去吧......

$('#example').fullCalendar({
    disableDragging: true
});

答案 1 :(得分:20)

DisableDragging替换为:eventStartEditable(自1.6.3版本起)

http://arshaw.com/fullcalendar/docs/removed/disableDragging/

答案 2 :(得分:11)

初始化日历时,您只需将disableDragging option设置为true即可。

$('#calendar').fullCalendar({
    disableDragging = true
});

答案 3 :(得分:7)

检查以下代码:

设置editable false将禁用拖动

$('#calendar').fullCalendar({

editable: false,

});

答案 4 :(得分:1)

build("jobname", parameter_name:"your parameter value")

答案 5 :(得分:1)

在v2& v3有一个新的表达式:eventStartEditable应该设置为false,以禁用拖动。

此外,如果你想禁用" drop" (例如:来自其他div)您也应将droppable设置为false

答案 6 :(得分:1)

对我不起作用:disableDragging: true

以下代码对我有用,请尝试:

$('#example').fullCalendar({
    eventStartEditable: false
});

以上代码停止将任何事件日期拖到另一个日期

答案 7 :(得分:1)

对于 5.5.1 版,您希望使用 editable 属性并将其设置为 false。这将确保无法调整事件大小或拖动事件。

答案 8 :(得分:0)

要有条件地禁用事件拖放(基于每个事件),您可以在初始化fullcalendar对象时使用eventAllow选项。

eventAllow: function(dropLocation, draggedEvent) {
  if (draggedEvent.id === '999') {
    return dropLocation.start.isAfter('2016-01-01'); // a boolean
  }
  else {
    return true; // or return false to disallow
  }
}

参考:https://fullcalendar.io/docs/eventAllow

答案 9 :(得分:0)

很晚了,但根据完整日历中的新更新

disableDragging 现在已从 fullcalendar 中删除。

Here is the list of all Deprecated functions in full calander

因此要禁用拖动,您需要在创建事件对象的位置添加 editable: false

类似于下面的内容。

this.events.push({
    id: meeting.id,
    title: "meeting 1",
    start: meetingStartDate,
    editable: false
});