要在角度材料中更改日期选择器的标题,我们使用[calendarHeaderComponent]
例如
<mat-form-field>
<mat-label>Date</mat-label>
<input formControlName="date" matInput [matDatepicker]="picker" />
<mat-datepicker-toggle matSuffix [for]="picker">
<mat-icon matDatepickerToggleIcon svgIcon="calendar_day"></mat-icon>
</mat-datepicker-toggle>
<mat-datepicker color="primary" [calendarHeaderComponent]="datePickerHeader" #picker></mat-datepicker>
</mat-form-field>
为了获得我们mat-calendar
直接使用的行内日期选择器
<mat-calendar [(selected)]="date"></mat-calendar>
挑战在于,如果我尝试calendarHeaderComponent
在这个组件上使用指令,它会抛出错误,指出这里不允许使用该属性。我该如何解决这个问题?
uj5u.com热心网友回复:
假设customDatePickerHeader是您的自定义标题组件。尝试系结如下:
<mat-calendar [headerComponent]="customDatePickerHeader" [(selected)]="date"></mat-calendar>
我已经参考了一份档案,但不确定是否很容易找到行内 mat-calendar 组件的档案。如果我设法找到它,将编辑帖子。
0 评论