javascript - fullCalendar 事件Click 未触发

Question

我在应用程序中使用 fullcalendar。我想通过单击单元格来更改单元格背景颜色，但 eventClick 未触发。任何人都可以帮助我吗？这里是代码:

 $(function () {
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();


            $('#calendar').fullCalendar({
            
                eventClick: function (event) {
                    
                    alert('hello');
                    event.backgroundColor = 'yellow';
                    $(this).css('background-color', 'red');

                },
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'agendaWeek'
                },
                editable: true,
                defaultView: 'agendaWeek',
                slotMinutes:60
            });
        });

Answer 1

您可以使用 dayClick 事件。

$(function () {
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();


            $('#calendar').fullCalendar({

                dayClick: function (date, jsEvent) { //Added this, use jsEvent for more customization
                     $(jsEvent.target).css('background-color', 'red');
                },
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'agendaWeek'
                },
                editable: true,  // Ensure you have this true
                disableResizing:true,   // Ensure you have this true
                defaultView: 'agendaWeek',
                slotMinutes:60
            });
        });

当天点击您可以自定义您的 CSS。