如何在fullcalendar-vue中设置eventOrder?

时间:2019-05-10 08:33:27

标签: vue.js fullcalendar

我在我的项目中设置了带有“ fullcalendar-vue”的日历。现在,对于同一天的多个事件,事件将按字母顺序列出。我想通过数据库中的特定ID在同一天订购事件。

“ Fullcalender”为此具有一个名为“ eventOrder”的属性,但我无法弄清楚如何配置此属性为Vuejs。

<FullCalendar ref="fullCalendar"
            :plugins="calendarPlugins" 
            :events="calendarEvents"
            defaultView="dayGridMonth"
            nextDayThreshold="09:00:00"
            editable: false
        />

1 个答案:

答案 0 :(得分:1)

事件对象:

events: [
      {
        title: "event one ",
        start: "2019-05-06",
        eventOrder: 1
      },
      {
        title: "event two ",
        start: "2019-05-06",
        eventOrder: 2
      },
    ]

全日历组件:

<FullCalendar ref="fullCalendar"
            :eventOrder="['eventOrder']"
            :plugins="calendarPlugins" 
            :events="calendarEvents"
            defaultView="dayGridMonth"
            editable: false
        />