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

Question

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

看到一些建议使用的链接，dayRender(date,cell)但它在角度和下面的代码使用dayCellContent(date,cell)中给出错误也给出了错误，即 css 不是单元格的函数。

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

标签： angularfullcalendarfullcalendar-5

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;
  }