Fullcalendar: события с фоном открытого и закрытого дня / маркер
Я строил календарь с динамическими событиями.
Простейшее представление моего объекта события
id : " sdsddsd "
start : "2018-05-13T0..."
end : "2018-05-26T0"
open_monday: true
open_tuesday: false
open_wednesday: true
open_thursday: false
...
Таким образом, в календаре просмотра месяца я хотел показать свои события и в случае, если open_monday Значение true, затем установите фон сетки на этот день на зеленый. В следующий вторник будет использоваться значение open_tuesday и это ложь, поэтому он будет отображаться красным.
Красный и зеленый фон будут только внутри события. Если дневная сетка отсутствует в каком-либо событии, она останется пустой.
Как я могу это сделать. Или есть лучший способ сделать это с помощью resources, constraintsтак далее.?.
Благодарю.
1 ответ
Я не уверен, что понимаю, но довольно странно передавать весь список открытых / закрытых будних дней с каждым событием. Вы должны скорее определить, в какой день недели ваше мероприятие, и действовать соответственно. Просто добавьте поле обратного вызова eventRender в свой календарь, чтобы точно контролировать макет HTML-элемента, отображающего событие. Смотрите https://fullcalendar.io/docs/eventRender
Чтобы узнать день недели события, используйте
moment(event.start).day()
Смотрите https://momentjs.com/docs/
Кроме того, вы можете добавить поле eventDataTransform в свой календарь, которое будет применяться к каждому событию при его загрузке, чтобы вы могли изменить любой из его спецификаторов макета (color, backgroundColor, className...), см. Список по адресу https://fullcalendar.io/docs/event-object