JQuery Calendar(http://arshaw.com/fullcalendar/) 如何更改选中的单元格背景颜色答案

【问题标题】：JQuery Calendar(http://arshaw.com/fullcalendar/) How can I Change the selected cell background colorJQuery Calendar(http://arshaw.com/fullcalendar/) 如何更改选中的单元格背景颜色
【发布时间】：2012-08-31 11:58:42
【问题描述】：

每次我点击议程周视图的单元格时，我都会尝试更改所选单元格的颜色，我想更改其颜色。

例如：如果我单击日期 22，那么我想更改其背景颜色，但是当我再次单击日期 23 时，应更改单元格的背景颜色，日期 22 的单元格应与其他日期一样简单.

简而言之，我想在完整日历中更改所选日期颜色。

谢谢

【问题讨论】：

到目前为止您尝试了什么？显示您的代码 sn-p。
几乎所有内容，只是特定行正在更改所选单元格的背景，但是当我单击另一个单元格时，它的颜色也发生了变化 dayClick: function(date, allDay, jsEvent, view) { $(this) .css('背景色', '红色'); }
好的，然后参考我的 answer

标签： jquery calendar fullcalendar

【解决方案1】：

好吧，你需要这样做来处理这个：-

JS：

var tempVar = "";
$('#calendar').fullCalendar({
    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', 'white');
            tempVar = this;
        }


    }
});

参考LIVE DEMO

【讨论】：