角度材料日期选择器无法正常工作

Question

我正在尝试使用下面提到的 Angular Material datepicker 获取日期，

在 html

<mat-form-field>
<mat-label>Custom calendar color</mat-label>
<input matInput [matDatepicker]="picker2">
<mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
<mat-datepicker #picker2 color="primary"></mat-datepicker>
</mat-form-field>

在 app.module.ts

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

imports: [
  MatDatepickerModule,
  MatNativeDateModule
],

在我的 package.json

"dependencies": { "@angular/animations": "^8.2.9", "@angular/cdk": "^8.2.3",
"@angular/core": "~8.2.0",
"@angular /material": "^8.2.3",
"@angular/router": "~8.2.0", "angular-mat-datepicker": "0.0.2", "angular-material-datepicker": "^1.0 .2",
"hammerjs": "^2.0.8", "ng-material-datetimepicker": "^1.19.2",
},

但是日期选择器图标不起作用，甚至视图中也没有显示图标。我也更新了 Angular 材质版本，但这没有用。这个问题的解决方案是什么？

Answer 1

您还必须导入MatFormFieldModule并MatInputModule使其正常工作。

另外不要忘记导入BrowserAnimationsModule. 看看这个StackBlitz

Answer 2

这是我的问题的解决方案。我只需运行以下代码，现在一切都按我的预期正常工作，

ng add @angular/material