Fullcalendar 全日制彩色周末酒店

我正在使用FullCalendar组件，我需要为周末、周五和周六着色。 我在这里使用了以下建议：

我还添加了css类

这是我的代码，不会给周末涂颜色。。。任何建议

$(document).ready(function() {
    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();
    $.getJSON('[@spring.url '/loadSomeData'/]', function (data) {
      $.getJSON('[@spring.url '/loadOtherData/]', function (info) {
        information = returnedPublicVacation;

        var calendar = $('#calendar').fullCalendar({
          header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
          },
          selectable: true,
          selectHelper: true,
          select:
            function(start, end, allDay) {
              vacationStart = start;
              showTheCorrectDialog(vacationStart);
            },

          eventClick: function(calEvent, jsEvent, view) {

            showTheCorrectDialog(calEvent.start);

            // change the border color just for fun
            $(this).css('border-color', 'red');
          },

          editable: true,
          events:data.concat(information)
        });
        resourceVacation = data;
      });
    });

    $('table.calendar > tbody > tr > td:nth-child(-n+2)').addClass('fc-weekend');
  });

---

您是否在css文件中为类添加了样式

您也可以尝试以下方法：

.fc-fri { color:blue; }
.fc-sat { color:red;  }

（或周日的.fc sun） 您可以在这里看到示例：

这对我很有效：

.fc-sun { 
color:#337ab7;  
border-color: black;  
background-color: #ffa58c; }

---

在版本4中，您可以使用“daysOfWeek”为所有星期日或其他日子添加一个事件

---

我建议您使用此方法，因为您可以使用服务器端脚本语言（如PHP、Node.js、JavaScript等）轻松更改此方法。

以下代码与我一起使用：

#calendar .fc-bgevent {
        background: #000000;
}

FULLCALENDAR版本5中的解决方案：

将CSS样式应用于fc day sat和fc day sun类：

如果您不想更改日历标题（显示“Sat”和“Sun”）的颜色，您可以通过添加td标记精确地为fc day Sat和fc day Sun类应用css：

---

我已经删除了“fc周末”的css类，并添加了您的css类。它使数字着色，而不是使整个单元格着色！我使用了：.fc fri{color:blue；background color:blue}但是它是如何工作的呢。。。我已经删除了JQuery行，它工作正常，单元格被着色：$（'table.calendar>tbody>tr>td:nth child（-n+2）'）。addClass（'fc-weekend'）。。。你知道怎么做吗！！fullcalendar在创建日历时自动添加.fc day（周一|周二|周三|周四|周五|周六|周日），因此您无需自己做任何事情。你只需要设计它<代码>颜色是字体颜色的属性！字体颜色和背景颜色不要使用相同的颜色（更改

color:value

或

background color:value

。这在我搜索“.fc fri”@fullcalendar css.Thank时是有意义的。请尝试5天的fc day sun课程*

.fc-sun { 
color:#337ab7;  
border-color: black;  
background-color: #ffa58c; }

    events: [
    {
      daysOfWeek: [0,6], //Sundays and saturdays
      rendering:"background",
      color: "#ff9f89",
      overLap: false,
      allDay: true
    }]

#calendar .fc-bgevent {
        background: #000000;
}

#calendar .fc-day-sun, #calendar .fc-day-sat {
    background-color: #f4f5d7;
}

#calendar td.fc-day-sun, #calendar td.fc-day-sat {
    background-color: #f4f5d7;
}