完整日历不显示 15 分钟时段持续时间的范围
Full Calendar does not show range for 15 min slot duration
我正在修复别人的代码,我对完整日历不熟悉。
任何人都可以帮助我完整的日历。我为 7:00AM-7:15AM 设置了一个事件,它应该在 UI 上显示。现在发生的情况是,每当我将持续时间设置为 15 分钟时,UI 仅显示开始时间,例如7:00AM 但如果我 select 30 分钟或更长时间,它会显示完整的持续时间,例如7:00AM-7:30AM.
这是 controller.js
的片段
weekends: true,
//eventBackgroundColor: component.get('v.eventBackgroundColor'),
eventBorderColor: component.get('v.eventBorderColor'),
eventTextColor: component.get('v.eventTextColor'),
slotDuration: '00:15:00',
slotLabelInterval: 15,
slotLabelFormat: 'h:mm a',
minTime: "7:00:00",
maxTime: "20:15:00",
timezone: "Australia/Melbourne",
views: {
workWeekView: {
type: 'agendaWeek',
duration: {
days: 7
},
title: 'Apertura',
columnFormat: 'dddd', // Format the day to only show like 'Monday'
hiddenDays: [0, 6] // Hide Sunday and Saturday?
}
},
规则似乎是,如果事件的持续时间小于或等于时段持续时间的长度,它将不会显示结束日期。
例如如果 slotDuration
为 30 分钟(默认值),则任何持续时间为 30 分钟或更短的事件都不会在议程视图中显示结束时间。
我认为 displayEventEnd 可以覆盖它,但默认情况下议程视图已经 true
。
演示:https://codepen.io/ADyson82/pen/vYeqdjo
不幸的是,在 fullCalendar 3 中似乎没有任何方法可以改变这种行为。
但是,如果您升级到(当前)最新的 fullCalendar - 版本 5 - 那么在所有情况下显示事件结束时间已经是默认行为,无论事件的持续时间如何。
这是 controller.js
的片段 weekends: true,
//eventBackgroundColor: component.get('v.eventBackgroundColor'),
eventBorderColor: component.get('v.eventBorderColor'),
eventTextColor: component.get('v.eventTextColor'),
slotDuration: '00:15:00',
slotLabelInterval: 15,
slotLabelFormat: 'h:mm a',
minTime: "7:00:00",
maxTime: "20:15:00",
timezone: "Australia/Melbourne",
views: {
workWeekView: {
type: 'agendaWeek',
duration: {
days: 7
},
title: 'Apertura',
columnFormat: 'dddd', // Format the day to only show like 'Monday'
hiddenDays: [0, 6] // Hide Sunday and Saturday?
}
},
规则似乎是,如果事件的持续时间小于或等于时段持续时间的长度,它将不会显示结束日期。
例如如果 slotDuration
为 30 分钟(默认值),则任何持续时间为 30 分钟或更短的事件都不会在议程视图中显示结束时间。
我认为 displayEventEnd 可以覆盖它,但默认情况下议程视图已经 true
。
演示:https://codepen.io/ADyson82/pen/vYeqdjo
不幸的是,在 fullCalendar 3 中似乎没有任何方法可以改变这种行为。
但是,如果您升级到(当前)最新的 fullCalendar - 版本 5 - 那么在所有情况下显示事件结束时间已经是默认行为,无论事件的持续时间如何。