在FullCalendar中更改日背景颜色

时间:2013-07-29 09:09:49

标签: javascript jquery asp.net fullcalendar

我在我的asp.net应用程序中使用FullCalendar。我需要更改背景颜色。

到目前为止我尝试了什么:

dayRender: function (date, cell) {

    var today = new Date();
    var end = new Date();
    end.setDate(today.getDate()+7);

    if (date.getDate() === today.getDate()) {
        cell.css("background-color", "red");
    }

    var start = new Date();
    start.setDate(today.getDate()+1);


    while(start <= end){

      //alert(start + "\n" + tomorrow);
        if(start.getDate() == date.getDate()){
            cell.css("background-color", "yellow");
        }

       var newDate = start.setDate(start.getDate() + 1);
       start = new Date(newDate);
    }        
}

这改变了整天的背景颜色。 Demo

但我需要改变从当前日期开始7天后的天数背景颜色。

示例

今天是2013年7月29日。我需要更改下面几天的背景颜色。

2013-July-30
2013-July-31
2013-August-01
2013-August-02
2013-August-03
2013-August-04
2013-August-05

我该怎么做?

2 个答案:

答案 0 :(得分:14)

你可以这样做:

dayRender: function (date, cell) {

    var today = new Date();
    var end = new Date();
    end.setDate(today.getDate()+7);

    if (date.getDate() === today.getDate()) {
        cell.css("background-color", "red");
    }

    if(date > today && date <= end) {
        cell.css("background-color", "yellow");
    }

}   

http://jsfiddle.net/z8Jfx/7/

答案 1 :(得分:1)

MyApp myApp = (MyApp) getApplicationContext();
List<ItemData> itemDataList = myApp.getDataList();

myAdapter = new MyAdapter(itemDataList, this);
listRecyclerView.setAdapter(myAdapter);