FulCalenderにおけるイベントのソート方法
1265 ワード
公式サイトのアドレスhttps://fullcalendar.io
FulCalenderの初期化方法では、eventOrderパラメータを指定することにより、イベントのソート規則を設定することができます.
1、イベントオブジェクトのパラメータ名を設定する(イベントオブジェクトにカスタムパラメータを追加することができます)
2、カスタム関数による並べ替え
FulCalenderの初期化方法では、eventOrderパラメータを指定することにより、イベントのソート規則を設定することができます.
1、イベントオブジェクトのパラメータ名を設定する(イベントオブジェクトにカスタムパラメータを追加することができます)
$('#calendar').fullCalendar({
events: [{
title: 'All Day Event',
order: 1,
start: new Date(y, m, 1),
backgroundColor: "#f56954", //red
borderColor: "#f56954" //red
},
{
title: 'Long Event',
order: 2,
start: new Date(y, m, d - 5),
end: new Date(y, m, d - 2),
backgroundColor: "#f39c12", //yellow
borderColor: "#f39c12" //yellow
],
eventOrder: 'order'
});
では、赤色のorderはカスタムパラメータである.2、カスタム関数による並べ替え
eventOrder: function (event1, event2) {
if (event1.title == ' ') {
return -1;
} else if (event1.title == ' ') {
if (event2.title == ' ') {
return 1;
} else {
return -1;
}
} else if (event2.title == ' ') {
return -1;
} else {
return 1;
}
}
以上の関数は、イベント対象のtitleフィールドを「朝食、昼食、夕食」の順に並べ替えます.