如何定义要在Jquery Full Calendar上显示的列数

Question

我使用的是周视图，但我想显示三列，而不是每张幻灯片显示7列，可以存档吗？

我没有在官方文件上看到任何相关方法：http://fullcalendar.io/docs/

Answer 1

2.2.5+版本的Full Calendar内置了这种自定义功能。

你只需要做这样的事情：

views: {
  agendaThreeDay: {
    type: 'agenda',
    duration: { days: 3 },
    buttonText: '3 day'
  },
  defaultView: 'agendaThreeDay'
}

您可以从此处的文档页面获取更多信息。

Answer 2

提取源代码，使用此代码（可能需要一些额外的更改）。

src/agenda/AgendaThreeDayView.js

fcViews.agendaThreeDay = AgendaThreeDayView;
function AgendaThreeDayView(a) {
    AgendaView.call(this, a);
}
AgendaThreeDayView.prototype = createObject(AgendaView.prototype);
$.extend(AgendaThreeDayView.prototype, {
    name: "agendaThreeDay",
    incrementDate: function(a, b) {
        return a.clone().stripTime().add(b, "days");
    },
    render: function(a) {
        this.intervalStart = a.clone().stripTime();
        this.intervalEnd = this.intervalStart.clone().add(3, "days");
        this.start = this.skipHiddenDays(this.intervalStart);
        this.end = this.skipHiddenDays(this.intervalEnd, -1, true);
        this.title = this.calendar.formatRange(this.start, this.end.clone().subtract(1), this.opt("titleFormat"), " — ");
        AgendaView.prototype.render.call(this, 3);
    }
});

编辑：记住您需要将文件添加到lumbar.json

查看此处了解如何构建：https://github.com/arshaw/fullcalendar/wiki/Contributing-Code