Html 引导年份选择器不';不要只选年份

Html 引导年份选择器不';不要只选年份,html,angularjs,twitter-bootstrap-3,angular-ui-bootstrap,bootstrap-datepicker,Html,Angularjs,Twitter Bootstrap 3,Angular Ui Bootstrap,Bootstrap Datepicker,我想做的是创建一个独立的年份选择器,不需要选择日期。但下面的引导配置让我更深入,一旦我选择了年份,它会显示月份和日期。但我只想在我点击year的时候就进行选择 javascript html 必须使用“日期选择器选项”属性来传递选项,而不是元素属性 <input type="text" class="form-control" ng-model="dt" uib-datepicker-popup="{{format}}" datepicker-options="{{datepi

我想做的是创建一个独立的年份选择器,不需要选择日期。但下面的引导配置让我更深入,一旦我选择了年份,它会显示月份和日期。但我只想在我点击year的时候就进行选择

javascript html


必须使用“日期选择器选项”属性来传递选项,而不是元素属性

<input type="text" class="form-control" ng-model="dt" 
   uib-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>
请在此处查找文档:


希望它能帮助你

删除了minMode:“年”到minMode:“年”的单引号,解决了这个问题,奇怪的行为

varit05犯了一个小错误:

datepicker选项=“{datepickerOptions}”

应该是:

日期选择器选项=“日期选择器选项”


由于datepicker选项已经在angular的空间中。

请尝试添加一个JSFIDLE。由于某些原因,popup无法使用此选项可能是因为它应该是
uib datepicker popup
我已经更新了答案。您能创建一个plunker或fiddle以便我可以查看吗?它现在可以工作了,我必须更改minMode:“'year'”,对minMode:“year”,我不能:-/错误消息:“你必须有50个声誉才能发表评论”
 <p class="input-group input-group-unstyled" style="margin-bottom: 0px">
<input type="text" class="form-control  input-sm" id="year" name="year"
       uib-datepicker-popup="{{dateFormat}}"
       ng-model="year"
       is-open="popup.opened"
       min-mode="year" datepicker-mode="'year'"
       close-text="Close"
   />
<span class="input-group-addon">
<i class="glyphicon glyphicon-calendar" ng-click="open($event)"></i>
</span>
</p>
<input type="text" class="form-control" ng-model="dt" 
   uib-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",
};