Angular-material-calendar，要自定义日期的css，dateClass不能正确应用

Angular-material-calendar是一个基于Angular和Material Design的日历组件。它提供了丰富的功能和样式，可以方便地集成到Angular应用中。

要自定义日期的CSS，可以通过使用dateClass属性来实现。dateClass属性允许我们根据日期的不同来应用不同的CSS类。

首先，我们需要在组件中引入MatCalendarCellCssClasses接口和MatCalendarCellClassFunction类型：

import { MatCalendarCellCssClasses, MatCalendarCellClassFunction } from '@angular/material/datepicker';

然后，在组件类中定义一个方法来根据日期返回对应的CSS类：

customDateClass: MatCalendarCellClassFunction<Date> = (date, view) => {
  // 在这里根据日期进行逻辑判断，返回对应的CSS类
  // 例如，如果日期是周末，则返回 'weekend' 类
  return (date.getDay() === 0 || date.getDay() === 6) ? 'weekend' : '';
};

接下来，在模板中使用MatCalendar组件，并将customDateClass方法赋值给dateClass属性：

<mat-calendar [dateClass]="customDateClass"></mat-calendar>

最后，我们可以在组件的CSS文件中定义对应的样式：

.weekend {
  background-color: yellow;
}

这样，当日期满足条件时，就会应用我们定义的CSS类。

关于Angular Material Calendar的更多信息和使用方法，你可以参考腾讯云的相关产品：Angular Material Calendar。