修改 md-datepicker 指令的 HTML 标记答案

【问题标题】：Modify HTML Markup of md-datepicker Directive修改 md-datepicker 指令的 HTML 标记
【发布时间】：2016-05-11 18:36:03
【问题描述】：

我在我的页面中使用md-datepicker。我有一个要求，其中我需要向呈现的 input 元素添加一个 CSS 类。有没有办法修改md-datepicker生成的标记？

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

PS：添加 CSS 类只是一个简单的用例场景。将来可能需要进行更复杂的修改。因此，如果可能的话，我正在寻找一种方法来控制材料设计的 HTML。

【问题讨论】：

标签： angularjs angularjs-material

【解决方案1】：

无法直接修改呈现的 HTML。您可以检查source code 以找出准确呈现的 HTML 及其背后的逻辑。例如，您可以注意到输入具有类"md-datepicker-input"。如果你想添加一个类，你所能做的就是在你的md-datepicker标签中添加一个类（比如说'my-class'），然后在你的css中制作适当的选择器，例如：md-datepicker.my-class input.md-datepicker-input

【讨论】：