angularjs – 从角度材料datepicker中删除或更改日历图标

发布时间：2020-12-17 07:21:18 所属栏目：安全来源：网络整理

导读：我使用的是 angular material .我发现它非常酷,设计精良且用户友好. 我试图更改或删除datepicker指令上的日历图标. md-datepicker ng-model="myDate" md-placeholder="Enter date" /md-datepicker 默认图标非常好但我想在某些情况下跳过图标.好吧,我可以使用

我使用的是 angular material.我发现它非常酷,设计精良且用户友好.
我试图更改或删除datepicker指令上的日历图标.

<md-datepicker ng-model="myDate" md-placeholder="Enter date" ></md-datepicker>

默认图标非常好但我想在某些情况下跳过图标.好吧,我可以使用像这样的md-icon使用svg图标

<md-icon md-svg-src="calendar.svg"></md-icon>

这是我的sample plunker.建议我改变/删除datepicker上的默认图标.

Angular Material 1.1.0有一个解决方案,虽然它似乎没有文档.

来自angular-material / modules / js / datepicker / datepicker.js：

* @param {String=} md-hide-icons Determines which datepicker icons should be hidden. Note that this may cause the
* datepicker to not align properly with other components. **Use at your own risk.** Possible values are:
* * `"all"` - Hides all icons.
* * `"calendar"` - Only hides the calendar icon.
* * `"triangle"` - Only hides the triangle icon.

用法：

<md-datepicker ng-model="myModel" md-hide-icons="calendar"></md-datepicker>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!