FulCalenderにおけるイベントのソート方法

1265 ワード

公式サイトのアドレスhttps://fullcalendar.io
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フィールドを「朝食、昼食、夕食」の順に並べ替えます.