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的字母排序就是“晚餐、午餐、早餐”了)。


评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值