Angular Material Datepicker 中没有导出成员 MatCalendarCellClassFunction答案

【问题标题】：No exported member MatCalendarCellClassFunction in Angular Material DatepickerAngular Material Datepicker 中没有导出成员 MatCalendarCellClassFunction
【发布时间】：2020-12-17 00:31:19
【问题描述】：

我正在尝试按照material docs 上突出显示的指南在 Angular Material Datepicker 视图上突出显示特定日期。那里的示例运行良好，Stackblitz one that is linked 也是如此。

我已尝试按照文档中的说明将其导入到我的组件中：

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

但我仍然遇到以下错误：

@angular/material/datepicker"' has no exported member 'MatCalendarCellClassFunction'.

运行版本 10.0.3 和 Material 版本 10.0.1。我应该从其他地方导入这个吗？

完全被这个难住了，感谢任何帮助。

【问题讨论】：

标签： angular datepicker angular-material

【解决方案1】：

我发现this answer 有助于解决问题。

import { MatCalendarCellCssClasses } from '@angular/material/datepicker';
import * as moment from 'moment';

selectedDateClass = (date: moment.Moment): MatCalendarCellCssClasses => {
    const dateToHighlight: Date = new Date();

    // Highlight the date two days ago
    dateToHighlight.setDate(dateToHighlight.getDate() - 2);
    return (date.toDate().getDate() == dateToHighlight.getDate()) ? 'selected-date' : '';
  };

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

.selected-date {
  background: orange;
  border-radius: 100%;
}

【讨论】：