Fullcalendar:disableResizing仅适用于月视图

Question

我在我的完整日历中放了三个视图：月、agendaWeek和agendaDay。我需要激活拖动&删除和禁止的事件调整大小。我使用以下解决方案来对每个渲染事件执行此操作：

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

它只在月视图中工作，也就是说我可以拖动&在agendaWeek和agendaDay视图中删除事件并调整其大小。如何删除此视图中的大小调整？

谢谢。

Answer 1

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

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

Answer 2

放置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

Answer 3

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

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

如果你想禁用特定事件的大小调整，你可以看看这个拉请求。

Answer 4

放置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