本文介绍了更改角度材料 datePicker 图标的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想知道是否可以使用angular material的datePicker更改显示的图标.
I wonder if it is possible to change the icon displayed using the datePicker of angular material.
这是来自angular material docs的代码.
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>
这篇关于更改角度材料 datePicker 图标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！