在Angular UI Datepicker中改变按钮类
Changing button classes in Angular UI Datepicker
在这个页面中,我有一个使用模板的Angular UI Datepicker。我需要改变"今天","清除"answers"关闭"按钮的颜色,但在popup.html
中改变它们不起作用。它应该显示灰色,橙色和蓝色按钮。
I changed from
<li ng-if="showButtonBar" class="uib-button-bar">
<span class="btn-group pull-left">
<button type="button" class="btn btn-sm btn-info uib-datepicker-current" ng-click="select('today', $event)" ng-disabled="isDisabled('today')">{{ getText('current') }}</button>
<button type="button" class="btn btn-sm btn-danger uib-clear" ng-click="select(null, $event)">{{ getText('clear') }}</button>
</span>
<button type="button" class="btn btn-sm btn-success pull-right uib-close" ng-click="close($event)">{{ getText('close') }}</button>
</li>
<li ng-if="showButtonBar" class="uib-button-bar">
<span class="btn-group pull-left">
<button type="button" class="btn btn-sm btn-default uib-datepicker-current" ng-click="select('today', $event)" ng-disabled="isDisabled('today')">{{ getText('current') }}</button>
<button type="button" class="btn btn-sm btn-warning uib-clear" ng-click="select(null, $event)">{{ getText('clear') }}</button>
</span>
<button type="button" class="btn btn-sm btn-primary pull-right uib-close" ng-click="close($event)">{{ getText('close') }}</button>
</li>
注意,我改变了按钮类名来改变颜色,但是当我在浏览器中检查时,日期选择器仍然使用旧的类。如何解决这个问题?
要设置自定义弹出模板,使用datepicker-popup-template-url
属性,例如:
<input datepicker-popup-template-url="popup.html" type="text" class="form-control" is-open="true" ng-model="dt" uib-datepicker-popup="MM-dd-yyyy"
datepicker-options="dateOptions" close-text="Close" popup-placement="bottom-left" on-open-focus="false" />
演示相关文章:
- Javascript(不是jquery)按钮点击,函数改变按钮类调用函数
- 听一下改变按钮的类名
- 我如何改变按钮切换前的初始宽度
- 动态改变按钮的文本与javascript
- 随着背景颜色的变化而改变按钮颜色
- 改变按钮的字体大小
- 按按钮被点击的次数改变按钮的文本
- 改变按钮的宽度
- jQuery改变按钮属性
- 如何改变按钮的样式
- 当我点击正确答案时,如何改变按钮的颜色?它在PHP中进行了测试.(CodeIgniter)
- 在Angular UI Datepicker中改变按钮类
- 改变按钮的值
- Bootstrap和jquery数据表,改变按钮成功的危险和文本
- Javascript:根据隐藏变量值改变按钮文本
- 我如何改变按钮文本点击在javascript
- 如何在extjs4中使用pressedcls来改变按钮的背景图像
- jQuery Mobile动态改变按钮颜色
- 第二个函数不改变按钮的值
- 在不离开页面的情况下改变按钮的颜色