Fullcalendar:disableResizing仅适用于月视图

时间:2013-07-15 09:48:39

标签: javascript jquery resize fullcalendar

我在我的完整日历中添加了三个视图:month,agendaWeek和agendaDay。 我需要激活拖动和放大器丢弃和禁止事件调整大小。 我使用以下解决方案在每个渲染事件上执行此操作:

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

它仅在月视图中工作,即我可以拖动和放大在AgendaWeek和agendaDay视图中删除和调整事件的大小。 如何在此视图中删除调整大小?

感谢。

3 个答案:

答案 0 :(得分:4)

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

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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

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

如果您想要停用特定事件的大小调整,可以查看this pull request