Здравствуйте, коллеги-программисты,
В настоящее время я занимаюсь разработкой планировщика онлайн-ресурсов с использованием Fullcalendar Scheduler v3.9. Я близок к завершению создания прототипа, единственное, чего не хватает - это последняя проблема, с которой я столкнулся пару дней.
В представлении временной шкалы ширина события зависит от его продолжительности, однако я хочу, чтобы продолжительность всегда заполняла весь день, как при использовании allDay = true, независимо от продолжительности событий. Как бы это сделать без использования allDay = true для всех событий? Иллюстрация того, что я хочу
Я пытался использовать callBack "eventRender:" для редактирования 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,
Любая помощь будет очень ценна!
Спасибо!