全日历事件类

Question

出于某种原因，fullcalendar 没有将 fc-h-event class 添加到我的“dayGridMonth”视图中的事件：

结果看起来很糟糕：（第二个事件）

这是我的选择：

this.calendarOptions = {
      plugins: [dayGridPlugin, interactionPlugin, timeGridPlugin, listPlugin],
      locale: gbrLocale,
      initialView: "dayGridMonth",
      headerToolbar: {
        start: "",
        center: "",
        end: ""
      },
      selectable: true,
      events: this.fetchEvents,
      editable: true,
      showNonCurrentDates: false,
      eventResizableFromStart: true,
      dragScroll: true,
      dayMaxEvents: 2,
      navLinks: true,
      dateClick: this.openAddNewEvent,
      eventClick: this.openEditEvent,
      eventDrop: this.eventDrop,
      eventResize: this.eventResize
    };

知道如何在此视图中添加此 class 吗，或者您能看出我的选项有误吗？

Answer 1

全天事件突出显示，时间范围事件用圆点标记，这应该是正常行为。

这是具有 2 种事件类型的 Codesandbox 示例。

https://codesandbox.io/s/zen-darkness-fyfrz?file=/src/components/Calendar.vue

Answer 2

我正在寻找选项：

eventDisplay: "block"

文档：https://fullcalendar.io/docs/eventDisplay

全日历事件类

Fullcalendar event classes

sass

fullcalendar

vue.js

全日历事件 类

Fullcalendar event classes

sass

fullcalendar

vue.js

全日历事件类