Angularjs 带有角度ui引导的弹出窗口中的年份选择器

Angularjs 带有角度ui引导的弹出窗口中的年份选择器,angularjs,angular-ui,angular-ui-bootstrap,Angularjs,Angular Ui,Angular Ui Bootstrap,我尝试使用angular ui Bootstrap datepicker指令创建一个年份选择器 它是内联的,但在弹出窗口中不起作用。通过datepicker选项设置选项对于弹出窗口并不重要 请看这个Plunker: 为什么这个日期选择器: <datepicker ng-model="dt" datepicker-mode="'year'" min-mode="year" min-date="minDate" show-weeks="false" class="w

我尝试使用angular ui Bootstrap datepicker指令创建一个年份选择器

它是内联的,但在弹出窗口中不起作用。通过datepicker选项设置选项对于弹出窗口并不重要

请看这个Plunker:

为什么这个日期选择器:

<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" />



我缺少什么?

必须使用“日期选择器选项”属性来传递选项,而不是元素属性。考虑以下事项:


工作起来很有魅力:)我正在使用ui.bootstrap 0.12.1和angularJS 1.2.10,我无法让它工作。而且,提供的示例也不起作用。
<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",
 };