更改角度材质的日期选择器图标 [英] change angular material datePicker icon

问题描述

我想知道是否可以使用角形材质的datePicker更改显示的图标.

I wonder if it is possible to change the icon displayed using the datePicker of angular material.

这是角度材料文档中的代码.

This is the code from the angular material docs.

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

有没有办法做到这一点?

Is there a way to achieve that?

推荐答案

您可以在mat-datepicker-toggle中添加mat-icon自定义

You can add a mat-icon custom in mat-datepicker-toggle

<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>

这篇关于更改角度材质的日期选择器图标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！