拨开荷叶行,寻梦已然成。仙女莲花里,翩翩白鹭情。
IMG-LOGO
主页 文章列表 更改行内日期选择器角度材料的标题

更改行内日期选择器角度材料的标题

白鹭 - 2022-02-13 2002 0 0

要在角度材料中更改日期选择器的标题,我们使用[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 评论

发表评论

您的电子邮件地址不会被公开。 必填的字段已做标记 *