更改AngularJS UI Bootstrap datePicker的经常高度和宽度

Question

我正在使用angularjs ui bootstrap datePicker（http://plnkr.co/edit/kmxeom5ct4ppffh0zjc8u?p=preview），这很好。但是我需要更改光泽的高度和宽度。是否可以？。以下是我的代码：

  <div class="col-md-6">
    <p class="input-group">
        <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" 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>
    </p>
</div>

Answer 1

您可以使用CSS进行此操作：

.dropdown-menu table {
  height: 300px;
  width: 350px;
}

这是您的叉子。

Answer 2

.dropdown-menu table { height: 120px; width: 120px; }

Answer 3

您可以更改弹出高度和宽度更改.btn填充

.btn {
    padding: 1px 2px;
  }

但这将更改您的弹出按钮大小

这是您的叉子。