如何在 fullcalendar 中禁用拖放

Question

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

Answer 1

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

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

Answer 2

DisableDragging 被替换为：eventStartEditable（自 1.6.3 版起）

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

Answer 3

您只需要在初始化日历时将disableDragging 选项设置为 true。

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

Answer 4

检查下面的代码：

set editable false 将禁用拖动。

$('#calendar').fullCalendar({

editable: false,

});

Answer 5

$('#calendar').fullCalendar({
    editable: false
});

Answer 6

在 v2 和 v3 中有一个新的表达式： eventStartEditable应该设置为false ，以禁用拖动。

此外，如果您想禁用“drop”（例如：从其他 div），您也应该将droppable设置为false 。

Answer 7

对我disableDragging: true

波纹管代码对我有用，所以请尝试：

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

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

Answer 8

要有条件地禁用事件拖/放（基于每个事件），您可以在初始化 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

Answer 9

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

Answer 10

已经晚了，但根据 FULL CALENDAR 中的新更新

该disableDragging从fullcalendar现在depricated。

这是完整日历中所有已弃用功能的列表

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

像下面这样的东西。

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

Answer 11

这取决于版本：

$('#calendar').fullCalendar({
  ...
 disableDragging: true,
 editable: false,
 eventStartEditable: false,
  ...
});

Answer 12

放置eventStartEditable: false如下所示：

initialView: 'resourceTimeline',
slotMinWidth:1,
eventDurationEditable: false, // Disable Resize
// disableResizing:false  Currently Not Working

eventStartEditable: false, // disable dreage drop
// disableDragging:false  Currently Not Working
eventTimeFormat: {
  hour: '2-digit',
  minute: '2-digit',
  hour12: true
},

它的工作

更多https://fullcalendar.io/docs/v1/disableResizing https://fullcalendar.io/docs/v1/disableDragging