javascripteventsvuejs3fullcalendarfullcalendar-5

FullCalendar: borderColor/backgroundColor not working for month view


Events for Week View

Events for Month View

In Fullcalendar, I have used eventDataTransform to set borderColor & backgroundColor. For Month view event's borderColor & backgroundColor is not taking effect.

i am expecting to take borderColor/backgroundColor effect for month view.

Current event object:

events = [{
    title: 'Timed Event',
    start: '2020-06-23T16:00:00+00:00',
    borderColor: 'red',
    backgroundColor: 'green'
}]

Please suggest some solution for the issue.


Solution

  • If we use event's display property to "block", then it sets the backgroundColor and borderColor of the event for all views, including month view.

    Example:

    events = [{
        title: 'Timed Event',
        start: '2020-06-23T16:00:00+00:00',
        display: 'block',
        borderColor: 'red',
        backgroundColor: 'green'
    }]