0

我正在使用 fullCalendar 3.9.0 列出会员组织的活动和事件。他们将他们的活动分类为社交、研讨会和项目。这些活动以月视图显示。

仅供参考，我正在使用 Adob​​e BC 事件被定义为一个数组，例如作为带有这些标签的列表拉入 {id:{tag_bookingid}, groupid: "Social Event",title: "{tag_name_nolink}", url: "{tag_url} "，开始："{tag_bookingyear}-{tag_bookingmonthnumeric}-{tag_bookingday}"，颜色："#5f7bc0"}，

有没有办法自定义日历一次只显示一个类别的事件，并使用标题中的选项卡或按钮在类别之间切换？

示例将不胜感激。

4

1 回答 1

0

这是我用来切换事件数据的函数：它还使用 cookie 来记住访问之间的选择；您将在页面加载时使用不同的功能来检查 cookie 并在那里设置事件列表。

function toggleEventList(obj) {
    var group = $(obj).data('group');
    if ( $(obj).data('active') === 'yes' ) {
        $(obj).data('active', 'no');
        $('#calendar').fullCalendar('removeEventSource', '/cal-data-group?group='+group);

        var elCookie = $.cookie('calendarEventList');
        if (elCookie) {
            elCookie = $.parseJSON(elCookie);
            var idx = elCookie.indexOf(group);
            if ( idx > -1 ) {
                elCookie.splice(idx, 1);
            }
        }
        $.cookie('calendarEventList', JSON.stringify(elCookie), {expires:7, path:'/'});
    } else {
        $(obj).data('active', 'yes');
        $('#calendar').fullCalendar(
            'addEventSource',
            { url: '/cal-data-group?group='+group, color: 'gray', textColor: 'black' }

        );
        var elCookie = $.cookie('calendarEventList');
        if (elCookie) {
            elCookie = $.parseJSON(elCookie);
            var idx = elCookie.indexOf(group);
            if ( idx == -1 ) {
                elCookie.push(group);
            }
        } else {
            elCookie = [group];
        }
        $.cookie('calendarEventList', JSON.stringify(elCookie), {expires:7, path:'/'});
    }
    $(obj).parent().toggleClass('active');


}
于 2018-03-15T12:18:42.947 回答