2015-05-04 8 views
5

Sto usando Angularjs UI Bootstrap datepicker (http://plnkr.co/edit/kMXeOm5ct4pPFH0ZJc8u?p=preview), che funziona correttamente. Ma ho bisogno di cambiare l'altezza e la larghezza della calandra. È possibile?. Quanto segue è il mio codice:modifica dell'altezza e della larghezza del calendario AngularJS UI Bootstrap datepicker

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

Hai mai trovato una soluzione per questo? – Aarmora

risposta

2

Si può fare questo con i CSS:

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

Ecco a fork of your plunk.

+0

Risulta .. puoi aumentare la larghezza e l'altezza, ma ridurlo in qualche modo richiede un arresto forzato ad alcuni valori. –

+0

Lo stesso qui non sembra ridurre – jstuartmilne

Problemi correlati