FullCalendar maxTimeが24を超える項目を設定しています。深夜過ぎでレンダリングされません。

Question

私は午前6時から翌日午前6時までの曜日を表示するためにfullCalendarのオプションを設定しています。 calendarOptionsによって行われた

 this.calendarOptions.minTime = moment.duration(6, 'h'); 
     this.calendarOptions.maxTime = moment.duration(30, 'h'); 
     this.calendarOptions.nextDayThreshold = '06:00:00'; 

午前0時から午前6時の間に開始するアイテムは、曜日/週/月のいずれにも表示されません。これらのタイムスロットは空のままです。

カレンダーが正しく行をレンダリングし、時間ヘッダが正しく

が、真夜中と午前6時、それらの可視行のレンダリングとの間のスケジュールイベントのいずれも翌日午前6時も午前6時をレンダリングします。

追加の設定が必要ですか？

Answer 1

fullClendar.jsには、深夜のイベントのグリッド内のイベントセグメント位置の計算ミスを引き起こしていたようです。

TimeGrid.mixin.computeSegVerticalsメソッド内でイベントの日付は、真夜中から真夜中の日には問題ないcomputeDateTopメソッドに渡されます。私のような不規則な日の場合は、午前6時から午後6時まではイベントが満ちているので、座標が正確に計算されるので、seg.Top時間とBottom時間+24時間を得ることができます。 24時間を追加しないと、computeTimeTopは-ve slatCoverageを計算し、ゼロにクセッシュされます。あなたは私がの日付を渡しています見ることができるように

computeSegVerticals: function(segs) { 
    var i, seg; 

    for (i = 0; i < segs.length; i++) { 
     seg = segs[i]; 
     //seg.top = this.computeDateTop(seg.start, seg.start); 
     //seg.bottom = this.computeDateTop(seg.end, seg.start); 
     seg.top = this.computeDateTop(seg.start, this.colData[seg.col].day); 
     seg.bottom = this.computeDateTop(seg.end, this.colData[seg.col].day); 
    } 
}, 

：これはcomputeSegVerticals方法（約ライン6220またはソースファイルTimeGrid.events.jsライン332から作業している場合）これを修正する修正する

セグメントのcomputeDateTopが正しく計算されるようにするdayカラム。

これは、曜日/週表示のみを修正することに注意してください。

月間表示は同じ問題を抱えていますが、その次は見ることができますが、それは私の瞬間ではありません。

Answer 2

colDataは、Ver 2.7.3では終了しません。 変更されたので

computeSegVerticals: function(segs) { 
    var i, seg; 
    for (i = 0; i < segs.length; i++) { 
     seg = segs[i]; 
     var start = this.dayDates[seg.dayIndex]; 
     seg.top = this.computeDateTop(seg.start, start); 
     seg.bottom = this.computeDateTop(seg.end, start); 
    } 
} 

それは働いた。