Company logo
  • Jobs
  • Bootcamp
  • About Us
  • For professionals
    • Home
    • Jobs
    • Courses and challenges
    • Questions
    • Teachers
    • Bootcamp
  • For business
    • Home
    • Our process
    • Plans
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Calculator

0

60
Views
problem with Recurring Events in fullcalendar

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
  }

enter image description here

7 months ago ยท Juan Pablo Isaza
Answer question
Find remote jobs