Javascript FullCalendar事件仅并排重叠

下面的代码运行良好。事件拖放我可以放在桌子里的任何地方

但是我只想在事件的左侧和右侧拖放事件。

---

我想停止从其他事件的顶部和底部拖动事件。我只想拖动和移动其他事件的左侧和右侧

进一步澄清意见。谢谢

document.addEventListener（'DOMContentLoaded'，function（）{
var calendarEl=document.getElementById（'calendar'）；
var calendar=新的完整日历。日历（calendarEl{
时区：“UTC”，
插件：['交互'，'资源时间线']，
标题：{
左：“promptResource today prev，next”，
中心：'标题'，
右图：“resourceTimelineMonth，resourceTimelineWeek”
},
方面：1.5，
defaultView:“resourceTimelineMonth”，
resourceLabelText:“房间”，
是的，
资源：[{“id”：“a”，“title”：“礼堂a”}，{“id”：“b”，“title”：“礼堂b”}，
{“id”：“c”，“标题”：“礼堂c”}，
{“id”：“d”，“标题”：“d礼堂”，“儿童”：[{“id”：“d1”，“标题”：“d1室”}，
{“id”：“d2”，“标题”：“d2房间”}]}，
{“id”：“e”，“标题”：“e礼堂”}，
{“id”：“f”，“标题”：“礼堂f”}，
{“id”：“g”，“标题”：“g礼堂”}，
{“id”：“h”，“标题”：“礼堂h”}，
{“id”：“i”，“标题”：“礼堂i”}]，
事件：[{“resourceId”：“d”，“title”：“事件1”，“开始”：“2019-08-02”，“结束”：“2019-08-06”}，
{“资源ID”：“c”，“标题”：“事件3”，“开始”：“2019-08-05”，“结束”：“2019-08-06”}，
{“资源ID”：“f”，“标题”：“事件4”，“开始”：“2019-08-02”，“结束”：“2019-08-04”}，
{“资源ID”：“g”，“标题”：“事件5”，“开始”：“2019-08-02”，“结束”：“2019-08-03”}，
{“资源ID”：“b”，“标题”：“事件5”，“开始”：“2019-08-05T10:00:00+00:00”，“结束”：“2019-08-05T15:00:00+00:00”}，
{“资源ID”：“e”，“标题”：“事件2”，“开始”：“2019-08-05T09:00:00+00:00”，“结束”：“2019-08-05T14:00:00+00:00”}]
});
calendar.render（）；
});
#日历{
最大宽度：900px；
利润率：40px自动；
}
很难理解，但我猜您只想左右拖动（从一次拖动到另一次）。不是从上到下（从一种资源到另一种资源）

要停止拖动到其他资源，只需在FullCalendar的选项中添加以下选项

eventResourceEditable: false


示例


document.addEventListener（'DOMContentLoaded'，function（）{
var calendarEl=document.getElementById（'calendar'）；
var calendar=新的完整日历。日历（calendarEl{
时区：“UTC”，
插件：['交互'，'资源时间线']，
标题：{
左：“promptResource today prev，next”，
中心：'标题'，
右图：“resourceTimelineMonth，resourceTimelineWeek”
},
方面：1.5，
defaultView:“resourceTimelineMonth”，
resourceLabelText:“房间”，
是的，
eventResourceEditable:false，
资源：[{“id”：“a”，“title”：“礼堂a”}，{“id”：“b”，“title”：“礼堂b”}，
{“id”：“c”，“标题”：“礼堂c”}，
{“id”：“d”，“标题”：“d礼堂”，“儿童”：[{“id”：“d1”，“标题”：“d1室”}，
{“id”：“d2”，“标题”：“d2房间”}]}，
{“id”：“e”，“标题”：“e礼堂”}，
{“id”：“f”，“标题”：“礼堂f”}，
{“id”：“g”，“标题”：“g礼堂”}，
{“id”：“h”，“标题”：“礼堂h”}，
{“id”：“i”，“标题”：“礼堂i”}]，
事件：[{“resourceId”：“d”，“title”：“事件1”，“开始”：“2019-08-02”，“结束”：“2019-08-06”}，
{“资源ID”：“c”，“标题”：“事件3”，“开始”：“2019-08-05”，“结束”：“2019-08-06”}，
{“资源ID”：“f”，“标题”：“事件4”，“开始”：“2019-08-02”，“结束”：“2019-08-04”}，
{“资源ID”：“g”，“标题”：“事件5”，“开始”：“2019-08-02”，“结束”：“2019-08-03”}，
{“资源ID”：“b”，“标题”：“事件5”，“开始”：“2019-08-05T10:00:00+00:00”，“结束”：“2019-08-05T15:00:00+00:00”}，
{“资源ID”：“e”，“标题”：“事件2”，“开始”：“2019-08-05T09:00:00+00:00”，“结束”：“2019-08-05T14:00:00+00:00”}]
});
calendar.render（）；
});
#日历{
最大宽度：900px；
利润率：40px自动；
}
很难理解，但我猜您只想左右拖动（从一次拖动到另一次）。不是从上到下（从一种资源到另一种资源）

要停止拖动到其他资源，只需在FullCalendar的选项中添加以下选项

eventResourceEditable: false


示例


document.addEventListener（'DOMContentLoaded'，function（）{
var calendarEl=document.getElementById（'calendar'）；
var calendar=新的完整日历。日历（calendarEl{
时区：“UTC”，
插件：['交互'，'资源时间线']，
标题：{
左：“promptResource today prev，next”，
中心：'标题'，
右图：“resourceTimelineMonth，resourceTimelineWeek”
},
方面：1.5，
defaultView:“resourceTimelineMonth”，
resourceLabelText:“房间”，
是的，
eventResourceEditable:false，
资源：[{“id”：“a”，“title”：“礼堂a”}，{“id”：“b”，“title”：“礼堂b”}，
{“id”：“c”，“标题”：“礼堂c”}，
{“id”：“d”，“标题”：“d礼堂”，“儿童”：[{“id”：“d1”，“标题”：“d1室”}，
{“id”：“d2”，“标题”：“d2房间”}]}，
{“id”：“e”，“标题”：“e礼堂”}，
{“id”：“f”，“标题”：“礼堂f”}，
{“id”：“g”，“标题”：“g礼堂”}，
{“id”：“h”，“标题”：“礼堂h”}，
{“id”：“i”，“标题”：“礼堂i”}]，
事件：[{“resourceId”：“d”，“title”：“事件1”，“开始”：“2019-08-02”，“结束”：“2019-08-06”}，
{“资源ID”：“c”，“标题”：“事件3”，“开始”：“2019-08-05”，“结束”：“2019-08-06”}，
{“资源ID”：“f”，“标题”：“事件4”，“开始”：“2019-08-02”，“结束”：“2019-08-04”}，
{“资源ID”：“g”，“标题”：“事件5”，“开始”：“2019-08-02”，“结束”：“2019-08-03”}，
{“资源ID”：“b”，“标题”：“事件5”，“开始”：“2019-08-05T10:00:00+00:00”，“结束”：“2019-08-05T15:00:00+00:00”}，
{“资源ID”：“e”，“标题”：“事件2”，“开始”：“2019-08-05T09:00:00+00:00”，“结束”：“2019-08-05T14:00:00+00:00”}]
});
calendar.render（）；
});
#日历{
最大宽度：900px；
利润率：40px自动；
}
就我现在的理解，你希望它是impo