angular - 更改 Angular Material datePicker 图标

Question

不知道是否可以改变使用angular material的datePicker显示的图标。

这是 Angular Material 文档中的代码。

<md-input-container>
  <input mdInput [mdDatepicker]="picker" placeholder="Choose a date">
  <button mdSuffix [mdDatepickerToggle]="picker"></button>
</md-input-container>
<md-datepicker #picker></md-datepicker>

有什么办法可以实现吗？

Answer 1

你可以在mat-datepicker-toggle中添加一个mat-icon自定义

<input matInput [matDatepicker]="dp" placeholder="Select minimum date" disabled>
<mat-datepicker-toggle matSuffix [for]="dp">
  <mat-icon matDatepickerToggleIcon>arrow_drop_down</mat-icon>
</mat-datepicker-toggle>
<mat-datepicker #dp disabled="false"></mat-datepicker>