周視圖上的fullcalendar有沒有一種方法可以移動1天(next/prev按鈕),而不是一週往返1周?Fullcalendar在周視圖中僅移動1天(上一個/下一個)
背後的原因是因爲當我創建全周來看我有限的最後一天,無法將其延長到下週的事件......
周視圖上的fullcalendar有沒有一種方法可以移動1天(next/prev按鈕),而不是一週往返1周?Fullcalendar在周視圖中僅移動1天(上一個/下一個)
背後的原因是因爲當我創建全周來看我有限的最後一天,無法將其延長到下週的事件......
您可以創建這樣的自定義視圖:
$('#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/
事件如何呈現? – Keynes
對,但是這並不完全是我問的:)我希望看到幾天(默認情況下爲7天),並且仍然可以按下prev/next按鈕時按星期移動1天。 – hosselausso
好吧,我想出如何使這項工作兩個減法和加法。我不得不改變fullcalendar.js文件本身,這意味着可能會有一些其他的複雜情況,因爲我沒有單擊下一個和上一個按鈕來測試它。如果您計劃使用多個視圖,我不會推薦使用這種方法。
力currentview來改變點擊
註釋掉線9741 - 9747和9759 這使得currentview到點擊下一步按鈕時,即使你沒有真正離開currentview改變
上點擊
線7931個需要被改變,以
date.clone().startOf('day').subtract(1)
下一頁點擊
7939行需要改變
date.clone().startOf('day').add(1, 'day')
他們現在又增加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 },
},
},
如果您只使用一個視圖,則可以更改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)'什麼也不做。我將繼續嘗試讓補充工作。 –