如何更改角度ui引导日期选择器弹出窗口的大小? [英] How do you change the size of a size of an angular ui bootstrap date picker popup?
本文介绍了如何更改角度ui引导日期选择器弹出窗口的大小?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这里是我指的是: http://angular-ui.github.io/bootstrap/
我没有看到任何指示如何控制尺寸的东西.我尝试更改正文字体,但没有成功
I don't see anything that indicates how to control the size. I tried changing the body font but that didn't work out
推荐答案
可以通过覆盖引导表单控件和btn类的css来更改日期选择器的大小,如以下示例所示:
This size of the datepicker can be changed by overriding the css for the bootstrap form-control and btn classes as shown in the following example:
.my-datepicker .form-control {
height: 10px;
padding: 11px;
}
.my-datepicker .btn {
padding: 1px 2px;
}
然后将my-datepicker类应用于datepicker输入组
then apply the my-datepicker class to the datepicker input-group
<span class="input-group my-datepicker">
<input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="validToDate" is-open="opened1" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
<span class="input-group-btn"><button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button></span>
</span>
这篇关于如何更改角度ui引导日期选择器弹出窗口的大小?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文