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

前端之家收集整理的这篇文章主要介绍了angularjs – 从角度材料datepicker中删除或更改日历图标前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用的是 angular material.我发现它非常酷,设计精良且用户友好. @H_502_1@我试图更改或删除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>
原文链接:https://www.f2er.com/angularjs/141726.html

猜你在找的Angularjs相关文章