Невозможно связать с dateClass, так как это не известное свойство mat-datepicker в angular7

Question

Я использую угловой инструмент выбора даты в своем приложении. Мне нужно изменить цвет некоторых конкретных дат. Для этого я использую свойство dateClass для mat-datepicker. Но это не работает.

html

    <mat-datepicker  [dateClass]="dateClass" #picker1 ></mat-datepicker>

компонент

dateClass = (d: Date) => {
    const date = d.getDate();

    // Highlight the 1st and 20th day of each month.
    return (date === 1 || date === 20) ? 'example-custom-date-class' : undefined;
  }

ошибка

Can't bind to 'dateClass' since it isn't a known property of 'mat-datepicker'.
1. If 'mat-datepicker' is an Angular component and it has 'dateClass' input, then verify that it is part of this module.
2. If 'mat-datepicker' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

как я могурешить эту проблему?

Answer 1

Для других людей, сталкивающихся с той же проблемой (повторяя то, что упоминается в комментариях), убедитесь, что у вас установлена ​​ как минимум Angular Material версии 7.1.0 или выше .Кроме того, убедитесь, что вы импортировали MatDatepickerModule.

. Чтобы обновить версию углового материала, используйте npm update --save @angular/material @angular/cdk.

.