Fullcalendar在周视图中仅移动1天(上一个/下一个)

时间:2016-05-29 23:05:31

标签: javascript fullcalendar

周视图中的fullcalendar是否有一种方法可以移动1天(下一个/上一个按钮)而不是来回跳一周?

背后的原因是因为当我在周视图中创建一个事件时,我被限制在最后一天,并且无法将其延长到下周......

3 个答案:

答案 0 :(得分: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 },
    },
  },

答案 1 :(得分:0)

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

$('#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/

答案 2 :(得分:0)

好的,我想出了如何使这个工作同时减法和加法。我不得不改变fullcalendar.js文件本身,这意味着可能会有一些其他的复杂因素,因为我没有测试这个,除了点击下一个和前一个按钮。如果您打算使用多个视图,我不建议您采用这种方法。

点击

强制更改当前视图

注释掉第9741 - 9747和9759行 即使您实际上没有离开当前视图,也可以在单击下一个按钮时更改当前视图

上一次点击

第7931行需要更改为

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

下一步点击

第7939行需要更改为

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