角材料日历可在特定日期显示标签

Question

我正在使用角形材料日历，我想在标签日历中的特定日期添加标签，它的工作原理很好，但是我想在特定日期显示一些标签。要了解有关视图的信息，请参见下图。

我已尝试实现一些使用背景色突出显示某些日期的方法，但不幸的是，并非必须看到它，请仔细查看下图。

有没有办法做到这一点？如果它能帮助我并且希望得到帮助，请仔细阅读下面的代码。

ex.html：->

  <mat-calendar opened [selected]="date" [dateClass]="dateClass()">
  </mat-calendar>
</mat-card>

ex.ts：->

dateClass() {
  return (date: Date): MatCalendarCellCssClasses => {
    if (date.getDate() === 21 || date.getDate() === 23) {
      return 'special-date';
    } 
    else{
      return ;
    }
  };
}

非常感谢您的帮助。

Answer 1

感谢@Eliseo的帮助。我在这里做了小小的修改以达到要求，并按照以下输出进行结算，如下所示。

在这里，我删除了日历对日期的悬停效果，以使外观看起来更好，我希望它能给人带来帮助。

这是工作示例Modified Calendar

再次感谢您的帮助。