Javascript 如何创建类似于视图的资源时间线,但用于dayGridView?
我正在尝试构建一个类似下图的视图。我尝试过resourceDayGrid视图,但这一视图将资源作为列而不是行放置。我也尝试过resourceTimelineDay、resourceTimelineWeek和resourceTimelineMonth,并设置slotDuration:“24:00:00”,但这不适合我,因为非24小时的插槽不会占据整个单元格的宽度 例如:Javascript 如何创建类似于视图的资源时间线,但用于dayGridView?,javascript,fullcalendar,fullcalendar-scheduler,fullcalendar-4,Javascript,Fullcalendar,Fullcalendar Scheduler,Fullcalendar 4,我正在尝试构建一个类似下图的视图。我尝试过resourceDayGrid视图,但这一视图将资源作为列而不是行放置。我也尝试过resourceTimelineDay、resourceTimelineWeek和resourceTimelineMonth,并设置slotDuration:“24:00:00”,但这不适合我,因为非24小时的插槽不会占据整个单元格的宽度 例如: views:{ resourceTimelineMonth:{ duration: { days:7 },
views:{
resourceTimelineMonth:{
duration: { days:7 },
slotDuration:'24:00:00'
},
resourceTimelineWeek:{
duration: { days:7 },
slotDuration:'24:00:00'
},
resourceTimelineDay:{
duration: { days:7 },
slotDuration:'24:00:00'
}
},
你有什么建议吗?如果你能给我指出正确的方向,我将不胜感激
先谢谢你
声明“resourceTimelineMonth”然后将其持续时间设置为7天是没有意义的。“resourceTimelineDay”也是如此。其持续时间已由其名称定义。同样地,您也不需要费心将resuorceTimelineWeek的持续时间设置为7天——事实已经如此 要使事件扩展到整个宽度,您应该以天而不是小时来定义
slotDuration
因此,您可以将视图定义简化为:
views:{
resourceTimelineWeek: {
slotDuration: { days: 1 }
}
},
演示:声明“resourceTimelineMonth”然后将其持续时间设置为7天是没有意义的。“resourceTimelineDay”也是如此。其持续时间已由其名称定义。同样地,您也不需要费心将resuorceTimelineWeek的持续时间设置为7天——事实已经如此 要使事件扩展到整个宽度,您应该以天而不是小时来定义
slotDuration
因此,您可以将视图定义简化为:
views:{
resourceTimelineWeek: {
slotDuration: { days: 1 }
}
},
演示:我已经被困在这个问题上一周了。你是生命的救世主。谢谢你来拯救我;我对你感激不尽。干杯,我已经坚持了一个星期了。你是生命的救世主。谢谢你来拯救我;我对你感激不尽。干杯