各位程序员,
我目前正在使用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,
任何帮助都会得到极大的帮助!
谢谢!