全日历更改列背景颜色

时间:2018-12-25 11:37:34

标签: fullcalendar

我遇到全日历问题,我正在尝试更改特定日期的完整列的颜色。我已经尝试过了,但是只更改了一天的单元格颜色,我想更改该特定日期的完整列颜色

dayRender: function (date, cell) {
var today = moment('2018-12-28T00:00Z');
        if (date.isSame(today, "day")) {
                cell.css("background", "#EEEEEE");
                //cell.addClass('fc-selectable-false'); 
            }
}

enter image description here

1 个答案:

答案 0 :(得分:1)

通过将事件对象的呈现属性渲染为“背景”, 像这样的东西

$('#calendar').fullCalendar({
  defaultDate: '2018-11-10',
  defaultView: 'agendaWeek',
  events: [
    {
      start: '2018-12-10T10:00:00',
      end: '2018-12-10T16:00:00',
      rendering: 'background'
    }
  ]
});

有关更多信息,请参阅完整的日历文档:https://fullcalendar.io/docs/background-events