至于如何定制Fullcalendar Scheduler';持续时间

至于如何定制Fullcalendar Scheduler';持续时间,fullcalendar,fullcalendar-scheduler,Fullcalendar,Fullcalendar Scheduler,提前谢谢 我在努力保管这些东西 我只想显示weektimetable,如下所示。 (仅供参考,下面的CSS只是由我编辑的,当然这不是我想要的答案。) 正如您所看到的,在原始fullcalendar调度程序的weekshot中,一个事件不能有相同的y点,我想对其进行自定义 谢谢你的建议 如果看不到创建此场景所使用的确切事件数据,则很难确定问题的确切原因。但我的建议是: 我认为你想让两个事件同时发生,但只要它们的时间重叠,你就永远无法做到。即使时间不重叠,如果事件1的结束和事件2的开始在某个时隙的

提前谢谢

我在努力保管这些东西

我只想显示weektimetable,如下所示。 (仅供参考,下面的CSS只是由我编辑的,当然这不是我想要的答案。)

正如您所看到的,在原始fullcalendar调度程序的weekshot中,一个事件不能有相同的y点,我想对其进行自定义

谢谢你的建议


如果看不到创建此场景所使用的确切事件数据,则很难确定问题的确切原因。但我的建议是:

我认为你想让两个事件同时发生,但只要它们的时间重叠,你就永远无法做到。即使时间不重叠,如果事件1的结束和事件2的开始在某个时隙的某个地方落下,它们仍然会出现重叠。

让我们用下面的片段来说明这一点:

演示中有两个日历(向下滚动查看第二个日历)。两个日历具有相同的资源和事件

  • 第一个资源包含在同一天重叠的事件。 所以他们永远不会并排出现
  • 第二个资源包含不重叠的事件。一端 就在中午之前,第二个在同一天的中午开始
在第一个日历上,它们仍然显示为重叠,因为日历仅以1天的间隔显示内容。在这一整天的背景下,事件仍然重叠。当天只有一个插槽可以放置它们

但是,在第二个日历上,第二个资源中的事件将并排显示,因为插槽持续时间(12小时)现在足够短,允许 事件将根据其开始/结束时间放置到单独的插槽中

$(函数(){//文档准备就绪
$('#calendar1')。完整日历({
SchedulerLisceKey:“GPL我的项目是开源的”,
defaultView:“时间线”,
标题:{
左:“上一个,下一个今天”,
中心:'标题',
右图:“时间线”
},
慢速持续时间:{
天数:1
},
资源:[{
“id”:1,
“标题”:“截图1”
},
{
“id”:2,
“标题”:“截图2”
},
],
活动:[{
id:'1',
resourceId:“1”,
开始日期:“2017-06-01”,
完:2017-06-04,
标题:“事件1”
},
{
id:'2',
resourceId:“1”,
开始日期:2017-06-03,
完:“2017-06-06”,
标题:“事件2”
},
{
id:'3',
资源ID:“2”,
开始日期:“2017-06-01”,
完:“2017-06-03T12:00”,
标题:“事件3”
},
{
id:'4',
资源ID:“2”,
开始:“2017-06-03T12:00”,
完:“2017-06-06”,
标题:“事件4”
}
]
});
$(“#calendar2”).fullCalendar({
SchedulerLisceKey:“GPL我的项目是开源的”,
defaultView:“时间线”,
标题:{
左:“上一个,下一个今天”,
中心:'标题',
右图:“时间线”
},
慢速持续时间:{
小时:12
},
资源:[{
“id”:1,
“标题”:“截图1”
},
{
“id”:2,
“标题”:“截图2”
},
],
活动:[{
id:'1',
resourceId:“1”,
开始日期:“2017-06-01”,
完:2017-06-04,
标题:“事件1”
},
{
id:'2',
resourceId:“1”,
开始日期:2017-06-03,
完:“2017-06-06”,
标题:“事件2”
},
{
id:'3',
资源ID:“2”,
开始日期:“2017-06-01”,
完:“2017-06-03T12:00”,
标题:“事件3”
},
{
id:'4',
资源ID:“2”,
开始:“2017-06-03T12:00”,
完:“2017-06-06”,
标题:“事件4”
}
]
});
});




我想让它成为第二个镜头。我希望你明白我的意图。谢谢。我没有注意到持续时间。事实上,我在你之前就解决了这个问题。@JasonSon没问题。如果答案帮助您确认您的理解,请考虑将其标记为接受,以便将来读者知道这是有用的信息。谢谢