想要在 fullcalendar 上显示活动

Question

我使用 fullcalendar-Angular (angular 11 , fullcalendar 5.5.0)。

但我无法检索要在日历上显示的事件。

我在下图中检索事件：

https://i.stack.imgur.com/UdAGJ.png

这是获取代码。

   
   this.Studio.getStudioCalendar().subscribe(data => {
        data["data"].map((list) => {
              this.eventDateSet.push(list);
           });
           this.calendarOptions;
           console.log("calendar data :",this.eventDateSet)
           console.log("calendarOptions  :",this.calendarOptions)
   })
 } 

这是 libar FullCalendar 的代码。

    dateClick: this.handleDateClick.bind(this),
    headerToolbar: {
      left: "prev,next today",
      center: "title",
      right: "dayGridMonth,timeGridWeek,timeGridDay,listWeek,prevYear,nextYear",
    },
    initialView: "dayGridMonth",
    weekends: true,
    editable: true,
    selectable: true,
    selectMirror: true,
    dayMaxEvents: true,
    dayHeaderFormat: {
      weekday: "short",
      month: "numeric",
      day: "numeric",
      omitCommas: true,
    },
    buttonText: {
      today: "วันนี้",
      month: "เดือน",
      week: "สัปดาห์",
      day: "วัน",
      list: "กำหนดการ",
    },
    locale: "th",
   events: [this.eventDateSet],
  }; 

Answer 1

您可能想尝试使用 CalendarOptions 的 initialEvents 属性。

此外，您的事件应该是 EventInput 类型，它不包含 dateStart 或 dateEnd 属性，而只包含 start 和 end。