如何根据所选选项渲染全日历？

Question

我正在使用完整的日历在页面中进行活动。

我正在使用以下功能

$(document).ready(function() {


var calendarEl = document.getElementById('calendar');
if(calendarEl != null && calendarEl != undefined){
    var calendar = new FullCalendar.Calendar(calendarEl, {

        plugins: [ 'dayGrid', 'interaction' ],
        contentHeight: 520,
        refetchResourcesOnNavigate :true,
        events: {
            url: 'https://www.google.co.in/',
            method: 'POST',
            failure: function() {
              alert('there was an error while fetching events!');
            },
            success: function(data){
                var eventsArray=[];
                for(var i=0;i<(data.result).length;i++){
                    var data = (data.result)[i];
                    var obj = { 
                        title: 'Event 1'
                        start: data.date,
                        end: data.date,
                        url: 'https://www.google.co.in/'
                    }

                    eventsArray.push(obj);
                }
                eventsArray.push( {
                    daysOfWeek: [0,6], //Sundays and saturdays
                    rendering:"background",
                    color: "#ff9f89",
                    overLap: false,
                    allDay: true
                });
                return eventsArray;
            },
            color: 'tan',   // a non-ajax option
            textColor: 'black' // a non-ajax option
        }
    });
    calendar.render();
}

});

现在我的问题是，

我希望有一个基于团队的选择选项。所有团队的活动都会有所不同。因此日历页面应根据用户选择的团队而变化。

有人可以指导我吗？

请我进一步澄清。