4

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

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

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

谢谢。

4

4 回答 4

4

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

.fc-resizer.fc-end-resizer {
    display: none;
}
于 2015-09-20T04:00:33.693 回答
0

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

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

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

于 2013-07-15T17:24:10.610 回答
0

place eventStartEditable: false as shown here:

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

Its Working for More https://fullcalendar.io/docs/v1/disableResizing

于 2021-12-29T11:40:09.193 回答
0

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

于 2019-08-29T10:21:37.777 回答