我已经导入MatDatepickerModule
并且mat-datepicker-actions
不知道。我想还有其他一些模块需要导入。这是代码片段:
<mat-form-field appearance="fill" class="example-form-field">
<mat-label>Choose a date</mat-label>
<input matInput [matDatepicker]="datepicker">
<mat-datepicker-toggle matSuffix [for]="datepicker"></mat-datepicker-toggle>
<mat-datepicker #datepicker>
<mat-datepicker-actions>
<button mat-button matDatepickerCancel>Cancel</button>
<button mat-raised-button color="primary" matDatepickerApply>Apply</button>
</mat-datepicker-actions>
</mat-datepicker>
</mat-form-field>
注意:任何人都在
angular-material
库中提供解决方案,而不是第三方(通常容量太大)。我会感激的
确保导入MatDatepickerModule
和MatMomentDateModule
。
import { MatDatepickerModule, MatMomentDateModule } from '@coachcare/datepicker';
@NgModule({
imports: [
MatDatepickerModule,
MatMomentDateModule,
...
],
...
})
export class AppModule {}
更新:
coachcare / npm-datepicker是Angular v6官方材料Datepicker的一个分支,具有时间选择器支持。日期选择器允许用户通过文本输入或从日历中选择日期来输入日期。它由几个可以协同工作的组件和指令组成。
angular本身没有官方的日期和时间选择器,这就是为什么人们根据官方的基础上创建解决方案,并在此基础上添加新功能。但是,这些货叉并不总是与最新的角钢/角钢材质版本保持一致,因此依靠它们并不明智。
您可以找到有关此stackoverflow线程的更多详细信息
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句