FullCalendar中事件排序方法

官网地址https://fullcalendar.io

可以在FullCalendar的初始化方法中通过指定eventOrder参数,设置事件的排序规则。

1、设置eventOrder为event对象的参数名(可以为event对象增加自定义参数)

$('#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;
    }
}
以上函数将event对象的title字段按照“早餐、午餐、晚餐“的顺序排序(未指定eventOrder时默认按照title的字母排序就是“晚餐、午餐、早餐”了)。


你可能感兴趣的:(JavaScript)