如何在timelineDay视图中显示多天全日历?

时间:2019-06-01 08:13:25

标签: fullcalendar fullcalendar-scheduler

我正在一个学期项目中,必须使用fullcalendar来安排网站,我在timelineDay视图中显示多天数据时遇到了问题。我想在屏幕上显示3天数据。我需要如图所示的视图。 [在此处输入图片描述] [1]


  $('#calendar').fullCalendar({
    scrollTime: '00:00',
    editable: true,
    header: {
      left: 'today prev,next',
      center: 'title',
      right: 'month timelineDay  '
    },
    defaultView: 'timelineDay',

    defaultDate: '2019-06-01',

    resources: [

      { id: 'a', title: 'A' },
   ],
    events: [
      { id: '1', resourceIds: ['a', 'b'], start: '2019-06-01T02:00:00', end: '2019-06-01T07:00:00', title: 'event 1' },
      { id: '8', resourceIds: [], start: '2019-06-03T05:00:00', end: '2019-06-03T22:00:00', title: 'event no resource' },
    ]
  });
  });


  [1]: https://i.stack.imgur.com/N3zyx.png

0 个答案:

没有答案