事:
私はプロパティを設定しようとした、12月に月からそう基本的に、現在の日付で始まる今年のすべてのイベントを表示する必要がありvisibleRange
、次のように:
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: [ 'list' ],
header: {
left: 'prev,next today',
center: 'title',
right: 'listDay'
},
views: {
listDay: { buttonText: 'list day' },
listWeek: { buttonText: 'list week' }
},
defaultView: 'listWeek',
navLinks: true,
editable: true,
eventLimit: true,
events: <?= json_encode($events) ?>,
visibleRange: {
start: '2020-03-01',
end: '2020-12-31'
}
});
calendar.render();
});
問題は、私は唯一の月を得ることですMarch
これを達成する方法はありますか?
ADyson:
私は月の月だけを取得します
実際には、あなたのコードに応じて、どのようなあなたが得ることのみ1週間、または一日です。あなたも、あなたが書かれた内容に基づいて、一ヶ月表示することはできません。
あなたの試みの問題は、しかし、単純な論理1です。あなたは次のようにビューを定義しているlistWeek
とlistDay
。これらの修正で名前の期間- 「週」と「日」のビューがカバーします。この一定期間は、任意のよりも優先されますvisibleRange
設定。
あなたはあなたのビューでのアカウントを取りたい場合はvisibleRange
、その後、あなただけの名前に一定期間なしで、ビュー名を指定する必要があります。
header: {
left: 'prev,next today',
center: 'title',
right: 'list'
},
defaultView: 'list',
上記しかし、あなたが指定しただけで、正確な時間に限らせていただきます。あなたはもう一年に移動することはできません。このダイナミックを作成するには、可視範囲にビューを変更する必要のあるすべての時間を計算するための関数を使用することができます。
visibleRange: function(currentDate) {
var yr = currentDate.getFullYear();
return {
start: yr + '-03-01',
end: yr + '-12-31'
}
},
dateIncrement: { "years": 1}
デモ:https://codepen.io/ADyson82/pen/XWbgyGZ
PSの指定期間がで実証された時間のないビュー名visibleRangeドキュメント既に。