使用 Angular 更改完整日历中的日背景颜色

Question

我正在尝试根据事件和这些事件占用的 no.of 小时动态更改完整日历控件中天数的背景颜色。下面是我的示例代码，没有我的实际逻辑，只是想看看它是否默认设置。

看到几个建议使用 dayRender(date,cell) 的链接，但它在 angular 中给出错误，下面使用 dayCellContent(date,cell) 的代码也给出了 css 不是函数的错误对于单元格。

我们如何根据特定逻辑为任何特定日期设置背景颜色？

Answer 1

我们在 Angular 中使用下面的内容在月视图中以不同的颜色显示星期六和星期日

  dayRender: function (dayRenderInfo) {        
    let dateMoment = moment(dayRenderInfo.date);
    if (dateMoment.day() === 6 || dateMoment.day() === 0) {
      dayRenderInfo.el.style.backgroundColor = '#d6e7e1';
    }
    else {
      dayRenderInfo.el.style.backgroundColor = 'white';
    }
    return dayRenderInfo;
  }

使用 Angular 更改完整日历中的日背景颜色

Change Day background color in Full Calendar using Angular

fullcalendar

angular

fullcalendar-5