Javascript 如何创建类似于视图的资源时间线,但用于dayGridView?

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 },

我正在尝试构建一个类似下图的视图。我尝试过resourceDayGrid视图,但这一视图将资源作为列而不是行放置。我也尝试过resourceTimelineDay、resourceTimelineWeek和resourceTimelineMonth,并设置slotDuration:“24:00:00”,但这不适合我,因为非24小时的插槽不会占据整个单元格的宽度

例如:

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 }
    }
},

演示:

我已经被困在这个问题上一周了。你是生命的救世主。谢谢你来拯救我;我对你感激不尽。干杯,我已经坚持了一个星期了。你是生命的救世主。谢谢你来拯救我;我对你感激不尽。干杯