年度选择器弹出与角-ui bootstrap

Question

我正在尝试使用angular-ui Bootstrap datepicker指令来选择年份.

它在内联时工作,但不在弹出窗口中.通过datepicker-options设置选项与弹出窗口无关.

看到这个Plunker:http://plnkr.co/edit/GRqSTCE7hOP6ZbBY3dZd

为什么这个datepicker:

<datepicker ng-model="dt"    datepicker-mode="'year'"
    min-mode="year"  min-date="minDate" 
    show-weeks="false" class="well well-sm"></datepicker>

行为与此不同:

<input type="text" class="form-control" ng-model="dt" 
         datepicker-mode="'year'"
    min-mode="year"  min-date="minDate" 
    show-weeks="false"
    datepicker-popup="{{format}}"  is-open="opened" ng-focus="open($event)"
          date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />

我错过了什么？

Answer 1

您必须使用'datepicker-options'属性来传递选项,而不是元素属性.请考虑以下内容:http://plnkr.co/edit/FJRsvwnjitOUsGor8ZRb？p = preview

<input type="text" class="form-control" ng-model="dt" 
       datepicker-popup="{{format}}" datepicker-options="{{datepickerOptions}}"
       is-open="opened" ng-focus="open($event)"
      date-disabled="disabled(date, mode)" ng-required="true" close-text="Close">
</input>

和

$scope.datepickerOptions = {
    datepickerMode:"'year'",
    minMode:"'year'",
    minDate:"minDate",
    showWeeks:"false",
 };