有没有一种方法可以在FullCalendar jquery中做到这一点



您可以描述4月12日至4月17日的儿童艺术学校日。它将在这个日子的另一边打造一个酒吧,就像"儿童艺术学校日"一样。你如何让每一天都像传统的纸质日历一样显示同样的东西。4月12日为"儿童艺术学校日",4月13日为"幼儿艺术学校日",4月14日为"美术学校日"。。。。。。。。都在说同样的话?我可以在活动中做到,比如这个

                'title': 'Kids Art School Day ',
                'start': '2015-04-13',
                'end': '2015-07-13',
                'color': '#FFFFFF',
                'textColor': '#3300FF'

                'title': 'Kids Art School Day ',
                'start': '2015-04-14',
                'end': '2015-07-14',
                'color': '#FFFFFF',
                'textColor': '#3300FF'

我做了一个范围,但他们希望它显示每个盒子相同的东西。。胜过我…想法?日历上有很多。。让这个json可读太多了。。。

这不是直接支持的,因此解决方案有点棘手。

从本质上讲,您可以在加载事件时将其分解为一天的事件。请使用函数事件源。

events: function (start, end, timezone, callback) {
    //Get the events with an ajax call or whatever.
    //Here, they're just declared globally as 'events'
    var chunkedEvents = [];
    for (var i = 0; i < events.length; i++) {
        var days = moment(events[i].end).diff(events[i].start, 'days'); //length of event
        if (typeof events[i].end !== "undefined" && days > 0) {
            for (var j = 0; j <= days; j++) {
                chunkedEvents.push($.extend({}, events[i], {
                    start: moment(events[i].start).subtract(j, 'days'),
                    end: moment(events[i].end).subtract(days + j, 'days')
                }))
            }
        } else {
            chunkedEvents.push(events[i]);
        }
    }
    callback(chunkedEvents);
}

JSFiddle

最新更新