在Fullcalendar日视图中显示超过1天
我正在尝试使用“ 完整日历”组件在议程日视图中显示3天或最终使用垂直资源视图。
我尝试使用示例自定义视图，但没有运气。
在日视图中是否可以显示3天，一个在另一个之下？
我正在使用这个构造函数，但我不希望这些日子彼此相邻，而是在彼此之下。
$('#calendar').fullCalendar({ defaultView: 'agendaDay', defaultDate: '2017-12-07', editable: true, selectable: true, eventLimit: true, // allow "more" link when too many events header: { left: 'prev,next today', center: 'title', right: 'agendaDay,agendaTwoDay,agendaWeek,month' }, views: { agendaTwoDay: { type: 'agenda', duration: { days: 3 }, // views that are more than a day will NOT do this behavior by default // so, we need to explicitly enable it //groupByResource: true //// uncomment this line to group by day FIRST with resources underneath groupByDate: true } } 你不能在议程风格的视图中显示彼此之下的日子，没有。 它的整个布局方案是水平定向的。 您可以在正常的议程风格中轻松地并排显示它们。
Scheduler插件提供的垂直资源视图与议程视图基本相同，但每天将每个指定的资源拆分为子列。
如果您希望将天数显示在另一个之下，则唯一的选择是“列表”样式视图。 这会垂直显示，但你会失去时间网格。
此代码将实现具有3天跨度的这两种类型的视图，因此您可以看到差异：
views: { agendaThreeDay: { type: 'agenda', duration: { days: 3 }, buttonText: '3 day agenda' }, listThreeDay: { type: 'list', duration: { days: 3 }, buttonText: '3 day list' } },
这是一个工作演示： http ： //jsfiddle.net/sbxpv25p/104/
如果这些都不满足您的需求，那么您唯一的另一个选择就是创建一个完全自定义的视图类型（请参阅本文档页面的后半部分： https ： //fullcalendar.io/docs/views/Custom_Views/ ）。 这是一项复杂且耗时的任务，所以在开始这样的事情之前，你应该考虑一种内置类型的视图是否真的令人满意 – 它们确实向用户传达了必要的信息，这是主要目的日历，即使它不完全是你想象的布局。
为了在日程视图（日）中显示多天，只需添加 – 以及+您想要的小时数…例如 – 提前一天-24 H，选定日期后一天+24 H. 像这样的东西：
views: { firstView: { type: 'agendaDay', minTime: '-12:00:00', maxTime: '36:00:00', slotDuration: '00:30:00', }, }