全日历在周视图中仅移动 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/