要在角度材料中更改日期選擇器的標題，我們使用[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 組件的檔案。如果我設法找到它，將編輯帖子。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/390666.html
標籤：javascript 有角的 日期选择器 角材料2
上一篇：使用縱橫比角度div調整大小
下一篇：一一觀察RxJS