如何使用 VUE 在 FullCalendar 中的 ListWeek 上显示时间

Question

谁能知道如何在完整日历的列表视图中显示时间。 一切对我来说都很好，但时间本身并没有出现。 附上快照以供参考。

CODESANDBOX 链接： https://codesandbox.io/s/vue-fullcalendar-scheduler-example-forked-204qy?file=/components/Calendar.vue

代码：模板：脚本：

    data() {
    return {
      calendarOptions: {
        plugins: [dayGridPlugin, interactionPlugin, listPlugin, timeGridPlugin],
        initialView: "listWeek",
        headerToolbar: {
          left: "today prev,next",
          center: "title",
          right: "dayGridMonth,timeGridWeek,timeGridDay,listWeek",
        },
        events: [
          {
            start: "2021-11-10T04:30:00",
            title: "List View",
            backgroundColor: '#226911',
            end: "2021-11-27T14:30:00",
          },
          {
            start: "2021-11-08T04:30:00",
            title: "Test",
            end: "2021-11-10T14:30:00",
          },
          {
            start: "2021-10-15T04:30:00",
            title: "It should be default load",
            end: "2021-10-18T14:30:00",
          },
        ],
        eventDisplay: "block",
        displayEventTime: false,
        allDaySlot: false,
        buttonText: {
          today: "Today",
          month: "Month",
          week: "Week",
          day: "Day",
          list: "Agenda",
        },
      },
    };
  }

enter code here

请查看代码并帮助我解决此问题。 提前致谢！

Answer 1

可能在 calendarOptions 中将 displayEventTime 设置为 true