Fullcalendar : disableResizing 仅适用于月视图答案

【问题标题】：Fullcalendar : disableResizing is only working on month viewFullcalendar : disableResizing 仅适用于月视图
【发布时间】：2013-07-15 09:48:38
【问题描述】：

我在完整日历中添加了三个视图：月、议程周和议程日。我需要激活拖放和禁止事件调整大小。我在每个渲染事件上使用以下解决方案：

$("#calendar").fullCalendar(
'renderEvent',
 {
    title: "event name",
    editable: true,
    disableResizing: true
 },
 true
);

它仅在月视图中有效，也就是说，我可以在议程周和议程日视图中拖放和调整事件大小。如何删除此视图中的大小调整？

谢谢。

【问题讨论】：

在较新的版本中，您可以通过 eventDurationEditable: false 进行设置

标签： javascript jquery resize fullcalendar

【解决方案1】：

我尝试使用日历选项durationEditable:false，但它不起作用。解决方法是使用 CSS 并隐藏 resize 元素：

.fc-resizer.fc-end-resizer {
    display: none;
}

【讨论】：

【解决方案2】：

disableResizing 仅可作为 FullCalendar 中的全局设置使用。因此，如果您想禁用日历中所有事件的大小调整，只需在初始化 FullCalendar 时进行设置：

var $calendar = $('#calendar').fullCalendar({
    [...]
    disableResizing: true,
    [...]
});

如果您想禁用调整特定事件的大小，可以查看this pull request。

【讨论】：

【解决方案3】：

如下所示放置editable:false：

  header:{
     left:'prev,next today',
     center:'title',
     right: 'agendaWeek, list, rrule'//'month,agendaWeek,agendaDay'
    },
    editable:false, // place it under header. it worked for me

适用于版本 3

【讨论】：

【解决方案4】：

如下所示放置eventStartEditable: false：

initialView: 'resourceTimeline',
slotMinWidth:1,
eventDurationEditable: false, // Disable Resize
eventStartEditable: false, // disable dreage drop
eventTimeFormat: {
  hour: '2-digit',
  minute: '2-digit',
  hour12: true
},

它的工作原理更多 https://fullcalendar.io/docs/v1/disableResizing

【讨论】：