mat-date-range-input неизвестен элемент [Angular материал]

Question

Проблема в том, что я не могу использовать <mat-date-range-input> Материальный компонент, потому что получаю сообщение об ошибке:

введите описание изображения здесь

У меня есть модуль под названием « Модуль материалов », и есть импорт и экспорт MatNativeDateModule и MatDatepickerModule. Этот модуль импортирован в модуль, с которым я работаю.

Я могу использовать простой mat-datepicker, и он работает правильно.

Кто-нибудь может мне с этим помочь?

10.1 .2 - версия материала

Answer 1

Вы используете более старую версию Angular, но версию материала 10.1.2?

mat-date-range-input не работает с Angular версиями ниже 10.0.2. Чтобы воспользоваться этим, вам нужно обновить свое приложение, это довольно просто, если вы используете версию 9. Я столкнулся с той же проблемой, и после обновления средство выбора даты диапазона работает.

Для получения подробной информации о том, как для обновления go до: https://update.angular.io/.

Этот импорт также должен быть в app.module.ts

import {MatDatepickerModule} from '@angular/material/datepicker';
import {MatNativeDateModule} from '@angular/material/core';

Надеюсь, это поможет. :)