在周视图中，完整日历仅移动 1 天(上一个/下一个)

Question

有没有办法在周视图的全日历中移动 1 天（下一个/上一个按钮）而不是来回跳转 1 周？

背后的原因是，当我在周视图上创建事件时，我仅限于最后一天，无法将其延长到下周......

Answer 1

他们现在添加了dateIncrement作为选项。

$('#calendar').fullCalendar({
  header: {
    left: 'today prev,next',
    center: 'title',
    right: 'CustomW,CustomF,CustomS',
  },
  views: {
    CustomW: {
      type: 'timelineWeek',
      duration: { days: 7 },
      buttonText: 'Week',
      dateIncrement: { days: 1 },
    },
    CustomF: {
      type: 'timelineWeek',
      duration: { days: 15 },
      buttonText: '15 day',
      dateIncrement: { days: 4 },
    },
    CustomS: {
      type: 'timelineMonth',
      duration: { days: 30 },
      buttonText: 'Month',
      dateIncrement: { days: 10 },
    },
  },

Answer 2

好的，

我想出了如何使它同时用于减法和加法。 我不得不更改 fullcalendar.js 文件本身，这意味着可能会有一些其他复杂性，因为我除了单击下一个和上一个按钮之外还没有对此进行测试。 如果您打算使用多个视图，我不建议您使用此方法。

强制当前视图在单击时更改

注释掉行 9741 - 9747 和 9759这允许当前视图在单击下一步按钮时更改，即使您实际上尚未离开当前视图

上一次点击

7931路需要改为

date.clone().startOf('day').subtract(1)

下一步点击

7939 行需要更改为

date.clone().startOf('day').add(1, 'day')

Answer 3

您可以像这样创建自定义视图：

$('#calendar').fullCalendar({
header: {
    center: 'month,basicWeekOneDay' // buttons for switching between views
},
views: {
    basicWeekOneDay: {
        type: 'basicWeek',
        duration: { days: 1 },
        buttonText: '1 day'
    }
}

}）;

这是同样的小提琴：https://jsfiddle.net/raj20090/j99f7zqw/2/