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

时间:2012-08-31 11:58:42

标签: jquery calendar fullcalendar

每次点击agendaWeek视图的单元格时,我都想尝试更改所选单元格的颜色,我想改变它的颜色。

例如:如果我点击日期22,那么我想更改其背景颜色但是当我再次点击日期23时,应该更改CELL的背景颜色,并且日期22的单元格应该像其他日期一样明显

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

谢谢

1 个答案:

答案 0 :(得分:3)

嗯,你需要这样做才能解决这个问题: -

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