I have a Vue app that is using fullCalendar to generate calendar events. I'm having a problem using it in creating repeating events. I followed the instructions on fullCalendar's docs about Recurring Events. I have an event name meeting that runs from 2021/10/14
to 2021/10/20
, between 6:30 and 7:30, and repeats on Friday and Saturday. It should only repeat on day 15 and 16. But I'm getting repeated over and over like this. Below is the code and the image description. Please help me, I really need it.
private setLstEventCalendar(data: any) {
let lstEvent: any[] = []
if (data.length > 0) {
data.forEach((eventCalendar: any) => {
let event: any = {}
event.id = eventCalendar.id
event.title = eventCalendar.title
if (event.id === 24) {
event.startRecur = moment(eventCalendar.event_start_date).format(
'YYYY/MM/DD'
)
event.endRecur = moment(eventCalendar.event_end_date).format(
'YYYY/MM/DD'
)
event.startTime = moment(eventCalendar.event_start_date).format('HH:mm')
event.endTime = moment(eventCalendar.event_end_date).format('HH:mm')
event.daysOfWeek = [5, 6]
} else {
event.start = eventCalendar.event_start_date
event.end = eventCalendar.event_end_date
if (moment(event.end).diff(event.start, 'days') > 0) {
event.allDay = true
} else {
event.allDay = false
}
}
event.backgroundColor = eventCalendar.event_color
eventCalendar.event_color === '#FFFFFF'
? (event.textColor = '#000')
: (event.textColor = '#fff')
lstEvent.push(event)
})
}
this.calendarOptions.events = lstEvent
}