如何更改Angular UI Bootstrap日期选择器弹出窗口的大小？

Question

这是我所提到的内容: http://angular-ui.github.io/bootstrap/ 我没有看到任何指示如何控制尺寸。 我尝试更改正文字体，但没有成功。

- Brian Miller

---

你最终找到了一种方法来扩大日期选择器吗？ - OverMars

Answer 1

可以通过覆盖Bootstrap表单控件和按钮类的CSS来更改datepicker的大小，如下例所示：

.my-datepicker .form-control {
    height: 10px;
    padding: 11px;
}

.my-datepicker .btn {
    padding: 1px 2px;
}

然后将“my-datepicker”类应用于日期选择器输入组。

<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>

- Douglas Hiles

---

这也会影响输入框和打开日期选择器按钮的大小：http://plnkr.co/edit/ZMc1vzonm4VIb6oo3iSn?p=preview - Sebastian