Question

我在我的一个项目中使用FullCalendar，并希望在用户点击日期后绘制重复日期。选择日期后，我想在10天后绘制下一个日期。因此，如果用户点击2010年9月1日：

日期＃2：2010年9月11日
  日期＃3：2010年9月21日
  日期＃4：2010年10月2日

我想标记计算日期的方法是更改td背景颜色。我已经弄清楚了这个逻辑，但似乎无法设置背景日期颜色。

一旦选择了初始日期，我正在运行for循环以生成下一个8日期。我可以生成日期并推送到数组“dArr”，但不知道如何设置这些日期的背景。

<script type="text/javascript">
var dArr= [];
$(document).ready(function()
{   
    var now = new Date();
    $('#calendar').fullCalendar
    ({
        dayClick: function(date, allDay, jsEvent, view) 
        {   
            if(dArr.length > 0)
            {
                for(var j=0; j < dArr.length; j++)
                {
                    dArr.splice(j);
                }
            }
            dArr.push(date.getDate());                      
            for(var i=0; i < 8; i++)
            {
                if(i == 0)
                {
                    date.setDate(date.getDate() + 1);
                    dArr.push(date.getDate());
                }
                else if(i == 4)
                {
                    date.setDate(date.getDate() + 5);
                    dArr.push(date.getDate());
                }
                else
                {
                    date.setDate(date.getDate() + 14);
                    dArr.push(date.getDate());
                }                   
            }   // FOR LOOP ENDS HERE
            alert(dArr);
        }
    });

});
</script>

我非常感谢你对此的所有帮助。

Answer 1

要更改给定日期的背景颜色（在agendaWeek视图中）：

var day = date.getDay();
$("#calendar .fc-agenda-bg").find("td").eq(day - 1).addClass('my-class');

我的班级：

my-class {
backgound: ......;
}

是否可以使用重复日期？

1 个答案: