Javascript 在资源时间线日模板中堆叠/重叠事件

Javascript 在资源时间线日模板中堆叠/重叠事件,javascript,fullcalendar,fullcalendar-5,Javascript,Fullcalendar,Fullcalendar 5,当前正在使用模板,重新调整日历的用途以尝试建立作业计划程序 我希望做一些类似于的事情,你可以在同一天重叠事件。当前,它们堆叠在下面并推送行的大小。这是一个快速拼凑的概念,我在追求什么,只是硬编码的CSS值 2020年11月3日星期二第1人的活动整齐地堆叠在一起——我正在寻找的是——而2020年11月5日星期四第3人的活动则堆叠在顶部 我尽了最大的努力浏览了文档,但我找不到任何内置设置允许这样做(除非我错过了?)。这是否需要一个功能请求,或者日历功能中是否有我们可以连接的东西来修改它?希望能够拖

当前正在使用模板,重新调整日历的用途以尝试建立作业计划程序

我希望做一些类似于的事情,你可以在同一天重叠事件。当前,它们堆叠在下面并推送行的大小。这是一个快速拼凑的概念,我在追求什么,只是硬编码的CSS值

2020年11月3日星期二第1人的活动整齐地堆叠在一起——我正在寻找的是——而2020年11月5日星期四第3人的活动则堆叠在顶部

我尽了最大的努力浏览了文档,但我找不到任何内置设置允许这样做(除非我错过了?)。这是否需要一个功能请求,或者日历功能中是否有我们可以连接的东西来修改它?希望能够拖放现有和外部事件,并将它们适当地堆叠起来

document.addEventListener(“DOMContentLoaded”,function()){
var calendarEl=document.getElementById(“日历”);
var calendar=新的完整日历。日历(calendarEl{
headerToolbar:{
左:“上一个,下一个今天”,
中心:“标题”,
右:“团队视图”
},
initialDate:Date.now(),
是的,
真的,
删除:功能(信息){
info.draggedEl.parentNode.removeChild(info.draggedEl);
},
导航链接:错误,
dayMaxEvents:对,
第一天:1,
初始视图:“团队视图”,
观点:{
团队视图:{
类型:“resourceTimelineDay”,
持续时间:{
周数:1
},
慢速持续时间:{
天数:1
},
buttonText:“团队视图”
}
},
SlotLabel格式:[{
工作日:“短”,
日期:“数字”,
月份:“数字”,
年份:“数字”,
省略逗号:正确
}],
资源:[{
id:“1”,
客户ID:13,
标题:“人1”
},
{
id:“2”,
客户ID:14,
标题:“人2”
},
{
id:“3”,
客户ID:13,
标题:“人3”
},
{
id:“4”,
客户ID:13,
标题:“人4”
},
{
id:“5”,
客户ID:14,
标题:“第5人”
}
],
事件:函数(fetchInfo、successCallback、failureCallback){
成功回调([{
id:1,
资源ID:1,
标题:“事件1”,
开始:“2020-11-03 17:00:00.000000”,
结束:“2020-11-03 17:30:00.000000”,
description:null,
扩展道具:{
工作编号:3,
客户名称:“客户1”,
客户ID:13,
颜色:“7ABCFF”
}
},
{
id:2,
资源ID:1,
标题:“事件2”,
开始:“2020-11-03 17:00:00.000000”,
结束:“2020-11-03 17:30:00.000000”,
description:null,
扩展道具:{
职位编号:4,
客户名称:“客户2”,
客户ID:14,
颜色:“D37AFF”
}
},
{
id:3,
资源ID:3,
标题:“事件3”,
开始:“2020-11-05 00:00:00.000000”,
结束:“2020-11-05 00:00:00.000000”,
description:null,
扩展道具:{
工作编号:5,
客户名称:“客户1”,
客户ID:13,
颜色:“7ABCFF”
}
},
{
id:8,
资源ID:3,
标题:“事件8”,
开始:“2020-11-05 18:00:00.000000”,
结束:“2020-11-05 18:00:00.000000”,
description:null,
扩展道具:{
工作编号:10,
客户名称:“客户1”,
客户ID:13,
颜色:“7ABCFF”
}
},
{
id:9,
资源ID:1,
标题:“事件9”,
开始:“2020-11-03 19:00:00.000000”,
结束:“2020-11-03 19:00:00.000000”,
description:null,
扩展道具:{
工作编号:11,
客户名称:“客户2”,
客户ID:14,
颜色:“D37AFF”
}
}
]);
},
加载:函数(bool){
document.getElementById(“加载”).style.display=bool?“块”:“无”;
},
eventContent:函数(eventInfo){
让内容=
'' +
'' +
eventInfo.event.title+
“
”+ "" + eventInfo.event.extendedProps.color+ “
”+ "" + eventInfo.event.id+ “
”+ ""; 返回{ html:内容 }; } }); calendar.render(); document.getElementsByClassName(“fc时间线事件线束”)[0]。style.top= "0"; document.getElementsByClassName(“fc时间线事件线束”)[1].style.top= "0"; document.getElementsByClassName(“fc时间轴事件线束”)[2].style.top= "0"; document.getElementsByClassName(“fc时间线事件线束”)[1].style.left= “130像素”; document.getElementsByClassName(“fc时间线事件线束”)[2].style.left= “154px”; });
没有可用的现有功能以这种方式影响定位,没有。您必须提出功能请求。