更改AngularJS UI引导日期选择器的日历高度和宽度
我使用的是Angularjs UI引导数据采集器(),工作正常。但是我需要改变日历的高度和宽度。可能吗?。以下是我的代码:更改AngularJS UI引导日期选择器的日历高度和宽度,angularjs,angular-ui,angular-ui-bootstrap,Angularjs,Angular Ui,Angular Ui Bootstrap,我使用的是Angularjs UI引导数据采集器(),工作正常。但是我需要改变日历的高度和宽度。可能吗?。以下是我的代码: <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="m
<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>
您可以使用CSS执行此操作:
.dropdown-menu table {
height: 300px;
width: 350px;
}
这是。您可以更改弹出窗口的高度和宽度。btn填充
.btn {
padding: 1px 2px;
}
但这会改变你弹出按钮的大小
这是你的一个叉子。
。下拉菜单表{height:120px;width:120px;}
你找到解决方法了吗?结果。。你可以增加宽度和高度,但在某些值上减少它会有点困难。在这里,它似乎不会减少。如果你需要减少它的大小,请尝试“缩放:0.5”以按比例减少所有内部元素的大小。尽管你使用不同的单位,但这在功能和语法上与。