2016-05-29 16 views
1

周視圖上的fullcalendar有沒有一種方法可以移動1天(next/prev按鈕),而不是一週往返1周?Fullcalendar在周視圖中僅移動1天(上一個/下一個)

背後的原因是因爲當我創建全周來看我有限的最後一天,無法將其延長到下週的事件......

+0

如果您只使用一個視圖,則可以更改fullcalendar.js文件本身。我已經想出瞭如果你將7931行從'date.clone()。startOf(this.intervalUnit).subtract(this.intervalDuration),-1'改爲'date.clone()。startOf(this.intervalUnit).subtract (1)'prev按鈕按預期工作。但是將7939行從'date.clone()。startOf(this.intervalUnit).add(this.intervalDuration)'改爲'date.clone()。startOf(this.intervalUnit).add(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/

+0

事件如何呈現? – Keynes

+0

對,但是這並不完全是我問的:)我希望看到幾天(默認情況下爲7天),並且仍然可以按下prev/next按鈕時按星期移動1天。 – hosselausso

0

好吧,我想出如何使這項工作兩個減法和加法。我不得不改變fullcalendar.js文件本身,這意味着可能會有一些其他的複雜情況,因爲我沒有單擊下一個和上一個按鈕來測試它。如果您計劃使用多個視圖,我不會推薦使用這種方法。

力currentview來改變點擊

註釋掉線9741 - 9747和9759 這使得currentview到點擊下一步按鈕時,即使你沒有真正離開currentview改變

上點擊

線7931個需要被改變,以

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

下一頁點擊

7939行需要改變

date.clone().startOf('day').add(1, 'day') 
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 }, 
    }, 
    }, 
相關問題