Angular Material 日期选择器无法正常工作

2023-11-21

我正在尝试使用 Angular Material 日期选择器获取日期,如下所述,

In 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>

In app.module.ts

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

imports: [
  MatDatepickerModule,
  MatNativeDateModule
],

In my package.json

“依赖项”:{ “@角度/动画”:“^8.2.9”, "@Angular/cdk": "^8.2.3",
“@角/核心”:“〜8.2.0”,
“@角度/材料”:“^8.2.3”,
“@角度/路由器”:“〜8.2.0”, “角度垫日期选择器”:“0.0.2”, “角度材料日期选择器”:“^1.0.2”,
"hammerjs": "^2.0.8", "ng-material-datetimepicker": "^1.19.2",
},

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


您还必须导入MatFormFieldModule and MatInputModule让它发挥作用。

另外不要忘记导入BrowserAnimationsModule。看看这个堆栈闪电战

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular Material 日期选择器无法正常工作 的相关文章

随机推荐