Question

我试图在完整日历中禁用周末，但这个选项是周末：false

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

    header: {

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

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

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

Answer 1

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

以不同的颜色显示周末
知道这一天是否是一周的结束日

首先，您可以使用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/

Answer 2

除了Irvin Dominin的答案：

有时，上面答案的第一部分可能导致小部件标题变成相同的颜色。因此，为了只处理周末的单元格，请使用以下样式：

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

Answer 3

如果你需要改变两个周末的颜色，我建议：

.fc-nonbusiness {
  background-color: yellow;
}

完整日历：更改周末背景

3 个答案: