javascript - 在 Fullcalendar 时间线视图中使所有事件填充插槽持续时间

Question

各位程序员好，

我目前正在使用 Fullcalendar Scheduler v3.9 开发一个在线资源调度程序。我即将完成原型，唯一缺少的是我这几天一直面临的最后一个问题。

在时间轴视图中，事件的宽度与其持续时间相关，但是，我希望持续时间始终填满一整天，就像使用 allDay=true 一样，无论事件持续时间如何。如果不对所有事件使用 allDay=true 怎么办？我想要什么的插图

我一直在尝试使用“eventRender:”callBack 来编辑每个渲染事件的 css，但是由于事件的宽度由“left”和“正确”像素位置，而不依赖于特定日期。

我做了一个非常丑陋的修复，其中 min/maxTime 持续时间非常窄（12:00 和 12:30）它适用于大多数情况，但如果任何事件超出此间隔，则不会在当天呈现。

这是我的日历设置，如果您需要更多代码，请告诉我：

            function GenerateScheduler(schedule) {

                $('#schedulerHome').fullCalendar({
                    defaultView: 'timelineWeek',
                    timeFormat: 'h(:mm)a',
                    views: {
                        timelineFiveDays: {
                            type: 'timelineWeek',
                            duration: { days: 5 },                     
                        },
                    minTime: '06:00:00',
                    maxTime: '18:00:00',
                    slotDuration: '12:00:00',
                    slotLabelFormat: ['[Week] w',
                    'dddd D/M'], 
                    weekends: false,
                    eventTextColor: 'white',
                    displayEventTime: true,
                    displayEventEnd: true,

任何帮助将不胜感激！

谢谢！

标签： javascriptcssfullcalendarfullcalendar-schedulerfullcalendar-3