完整日历:更改周末背景

Question

我试图在完整日历中禁用周末,但这个选项周末:假

var calendar = $('#calendar').fullCalendar({

    header: {

        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
            },

    weekends: false,
    ........});

从日历中删除周末或我想通过更改背景颜色仅禁用两天并使其无法选择.
我该怎么办？谢谢你的帮助

Answer 1

如果我理解你想要的问题:

1. 以不同的颜色显示周末
2. 知道这一天是星期一天

首先,您可以使用css规则来设置周末元素的样式:

.fc-sat, .fc-sun {
    background-color: red !important;
}

第二点,您可以检查所选日期是否为周末,并根据需要进行操作.您可以通过以下方式使用dayClick(http://arshaw.com/fullcalendar/docs/mouse/dayClick/)事件:

dayClick: function (date, allDay, jsEvent) {
    var checkDay = new Date($.fullCalendar.formatDate(date, 'yyyy-MM-dd'));
    if (checkDay.getDay() == 6 || checkDay.getDay() == 0) alert('Weekend!');
}

你不能禁用一天,因为FullCalendar不是一个日期选择器,所以你不能"禁用",但你可以处理你想要的一切.

这是一个工作小提琴:http://jsfiddle.net/IrvinDominin/qLUFg/1/