本文介绍了更改角度材料 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 图标的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-24 19:29