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

Question

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

看到一些建议使用dayRender(date,cell) 的链接，但它在使用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;
  }