介绍：core.js:13987 'mat-date-range-input' 不是已知元素 - JavaScript

该问题通常涉及使用 Angular Material 库的日期选择器组件时遇到的错误，它提示“mat-date-range-input”不是已知元素。这就是说，该元素找不到或未定义。

解决方法：

1. 在相关组件的模块导入 MatDatepickerModule、MatInputModule 和 MatNativeDateModule。

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

@NgModule({
  ...
  imports: [MatDatepickerModule, MatInputModule, MatNativeDateModule],
  ...
})
export class MyModule { }

2. 检查日期范围选择器的元素标记及属性。

<mat-form-field appearance="fill">
  <mat-date-range-input [rangePicker]="picker">
    <input matStartDate placeholder="Start date" [(ngModel)]="startDate">
    <input matEndDate placeholder="End date" [(ngModel)]="endDate">
  </mat-date-range-input>
  <mat-date-range-picker #picker></mat-date-range-picker>
</mat-form-field>

其中，rangePicker 属性的值是对 mat-date-range-picker 元素的引用。

可能的原因：

1.忘记导入相关模块

2.元素标记的名称不正确

3.属性名称不正确

结论：

在使用日期选择器组件时，确保 MatDatepickerModule、MatInputModule 和 MatNativeDateModule 模块被正确地导入，并检查元素标记和属性名称是否正确。