javascript - FullCalendar，将事件背景颜色应用于事件限制弹出窗口？

Question

当事件显示在事件限制弹出窗口中时，如何应用事件背景颜色，如下所示。目前，我正在 eventAfterRender() 调用中动态应用背景颜色。正如您所看到的，它可以工作 - 除非事件显示在弹出窗口中。

var initialize_calendar;
var current_path = window.location.pathname;
initialize_calendar = function(){
    $('.calendar').each(function(){

        var calendar = $(this)
        calendar.fullCalendar({
            header: {
                left: 'prev, next today',
                center: 'title',
                right: 'month, agendaWeek, agendaDay'
            },
            selectable: true,
            selectHelper: true,
            editable: true,
            eventLimit: true,
            events: current_path + ".json",
            eventAfterRender: function(event, element) {
                var current_user = event.current_user_id
                var driver = event.driver_id
                var date = event.start
                var date_format = date.hour() === 0 ? "dddd, MMMM Do YYYY" : "dddd, MMMM Do YYYY, h:mm:ss a"
                console.log(date.format(date_format));
                // console.log(date.hour())
        $(element).popover({
                    html: true,
                    trigger: "hover",
                    container: 'body',
                    title: event.carpool,
                    content:    '<strong>Event:</strong> ' + event.title + '<br>' +
                                        '<strong>Start:</strong> ' + event.start.format(date_format) + '<br>' +
                                        '<strong>Driver:</strong> ' + event.driver + '<br>' +
                                        '<strong>Place:</strong> ' + event.place + '<br>' +
                                        '<strong>Address:</strong> ' + event.address, 
                    placement:'top'
                })

                if(current_user === driver) {
                    element.css('background-color', 'green');
                } else {
                    element.css('background-color', 'blue');
                }
            }

        });
    })
};
$(document).on('ready', initialize_calendar);

哦，正如您所期望的 - 弹出窗口也不适用于限制弹出窗口内的事件。

样式和事件监听器未应用于事件限制弹出窗口内的事件...

Answer 1

使用 eventRender 而不是 eventAfterRender。