Javascript Fullcalendar:disableResizing仅适用于月视图
我在完整日历中放置了三个视图:月、agendaWeek和agendaDay。 我需要激活拖放和禁止事件调整大小。 我使用以下解决方案在每个渲染事件上执行此操作:Javascript Fullcalendar:disableResizing仅适用于月视图,javascript,jquery,resize,fullcalendar,Javascript,Jquery,Resize,Fullcalendar,我在完整日历中放置了三个视图:月、agendaWeek和agendaDay。 我需要激活拖放和禁止事件调整大小。 我使用以下解决方案在每个渲染事件上执行此操作: $("#calendar").fullCalendar( 'renderEvent', { title: "event name", editable: true, disableResizing: true }, true ); 它只能在月视图中工作,也就是说,我可以在agendaWeek和agenda
$("#calendar").fullCalendar(
'renderEvent',
{
title: "event name",
editable: true,
disableResizing: true
},
true
);
它只能在月视图中工作,也就是说,我可以在agendaWeek和agendaDay视图中拖放和调整事件大小。
如何在此视图中删除大小调整
谢谢。
禁用大小调整
仅在FullCalendar中作为全局设置提供。因此,如果要禁用日历中所有事件的大小调整,只需在初始化FullCalendar时设置设置:
var $calendar = $('#calendar').fullCalendar({
[...]
disableResizing: true,
[...]
});
如果要禁用特定事件的大小调整,可以查看。我尝试使用日历选项
durationEditable:false
,但它不起作用。解决方法是使用CSS并隐藏resize元素:
.fc-resizer.fc-end-resizer {
display: none;
}
放置
可编辑: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在较新的版本中,您可以通过eventDurationEditable:false进行设置