完整日历事件单击未触发

Question

>我在应用程序中使用完整日历。我想通过单击单元格来更改单元格背景颜色，但事件单击未触发。谁能帮我。这里的代码：

 $(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。

Answer 2

你需要调用 UpdateEvent：

    $('#calendar').fullCalendar({
       eventClick: function(event, element) {    
           event.title = "CLICKED!";    
           $('#calendar').fullCalendar('updateEvent', event);    
       }
   });

来源： http://fullcalendar.io/docs/event_data/updateEvent/