Javascript 完整日历->；更改所选事件的颜色

我正在使用FullCalendar，无法更改选定日期事件的背景。 其他几天，当你点击时，会被标记为红色，但事件不会。我认为这是由CSS决定的，但我不知道如何修改它才能正常工作

我的代码：

Javascript

$(document).ready(function() {
    var fecha_seleccionada;
    var tempVar = "";

    $('#calendar').fullCalendar({
        lang: "es",

        selectable: true,
        select: function(a, b) {
            fecha_seleccionada = a.format();
            //alert(fecha_seleccionada);
            var input_fecha = document.getElementById("input_fecha");
            input_fecha.value = fecha_seleccionada;
        },

        //defaultDate: '2015-02-12',
        editable: false,
        eventLimit: false, // allow "more" link when too many events
        events: [
                {
                    title: 'Evento',
                    width: '0',
                    start: '2015-09-17'
                },
                {
                    title: 'Evento',
                    width: '0',
                    start: '2015-09-19'
                }
        ],


        dayClick: function(date, allDay, jsEvent, view) {
            // change the day's background color just for fun
            if (tempVar == "")
            {
                $(this).css('background-color', 'red');
                tempVar = this;
            }
            else
            {
                $(this).css('background-color', 'red');
                $(tempVar).css('background-color', '#f6f6f6');
                tempVar = this;
            }
        }


    });
});

CSS

}

HTML

有什么帮助吗？

---

谢谢

我认为这是因为如果你点击了某个事件，你就没有在当天点击。我用你提供的例子玩了一个游戏，如果你点击一个事件，它不会改变颜色，但是你可以点击事件发生后的那一天，它确实会改变颜色

因此，当您单击一个事件时，dayClick事件没有触发，eventClick事件正在触发

---

但不确定如何从回调中获取事件背后的日期。

只需将此添加到css中：

.fc-highlight {
    background-color:red;
}

这在单击day时起作用，因此您应该在fullcalendar jQuery中包含：

$(document).ready(function() {
           $('#calendarID').fullCalendar({

           dayClick: function(date, jsEvent, view) {
                // some code
                $('#calendarID').fullCalendar('select', date);

           },
...

---

我不明白你想干什么。您是在加载所有事件时尝试更改其背景颜色，还是在单击事件时尝试更改其背景颜色？我正在尝试更改单击日期的背景颜色。但是发生事件的日子没有用红色标记。

.fc-highlight {
    background-color:red;
}

$(document).ready(function() {
           $('#calendarID').fullCalendar({

           dayClick: function(date, jsEvent, view) {
                // some code
                $('#calendarID').fullCalendar('select', date);

           },
...