jquery - 完整日历: change background of weekends

Question

我正在尝试在完整日历中禁用周末，但此选项周末:false

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 不是日期选择器，因此您无法“禁用”，但您可以处理您想要的一切。

这是一个工作 fiddle :http://jsfiddle.net/IrvinDominin/qLUFg/1/