angularjs - 带有 angular-ui bootstrap 的弹出窗口中的年份选择器

Question

我正在尝试使用 angular-ui Bootstrap datepicker 指令设置年份选择器。

它在内联时有效，但在弹出窗口中无效。通过 datepicker-options 设置选项对弹出窗口没有影响。

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

为什么这个日期选择器:

<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",
 };