使所有事件在Fullcalendar时间轴视图中填充时段持续时间

时间:2019-06-02 06:52:05

标签: javascript css fullcalendar fullcalendar-scheduler fullcalendar-3

各位程序员,

我目前正在使用Fullcalendar Scheduler v3.9开发在线资源调度程序。我即将完成原型制作,唯一缺少的是我已经面对了几天的最后一个问题。

在“时间轴”视图中,事件的宽度与事件的持续时间有关,但我希望事件的持续时间始终充满整天,就像使用allDay = true一样,而与事件的持续时间无关。不对所有事件使用allDay = true怎么办? Illustration of what I want

我一直在尝试使用“ 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,

任何帮助都会得到极大的帮助!

谢谢!

0 个答案:

没有答案