全日歷在周視圖中僅移動 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/