月份选择器

Question

我正在尝试使用angular-用户界面-datepicker作为月份选择器。但是不能配置它，尝试了所有。这是PLUNKER。

我试图将模式设置为

          <input type="text" class="form-control col-md-3" 
          datepicker-popup="MMM-yyyy" min-mode="'month'" datepicker-mode="'month'"
          ng-model="dt" is-open="opened" close-on-date-selection="true"
          datepicker-options="dateOptions" date-disabled="disabled(date, mode)" 
          show-button-bar="false" show-weeks="false"/>
          <span class="input-group-btn">
            <button class="btn btn-default" ng-click="open($event)">
              <i class="glyphicon glyphicon-calendar"></i>
            </button>
          </span>

也是：datepicker选项的一部分，使用JS作为

  $scope.dateOptions = {
    'year-format': "'yy'",
    'starting-day': 1,
    'datepicker-mode':"'month'",
    'min-mode':"month"   };

但这也不管用请帮帮忙

Answer 1

我通过从ui引导程序0.13.0更新到0.13.1修复了这个问题。这是我的标记：

<input type="text" ng-model="DOB" datepicker-popup="MM-dd-yyyy" datepicker-mode="'year'" is-open="dobOpen" ng-click="dobOpen = true" />

Answer 2

就写这几行：

HTML

 <datepicker ng-model="date" min-mode="month" datepicker-mode="'month'"></datepicker>

JS

$scope.date = new Date();

**别忘了包含必要的js/css文件http://angular-ui.github.io/bootstrap/

以上这些代码对我有用。：）我知道为时已晚，但它可能会帮助一些人。

Answer 3

对于那些面临这个问题的人，我尝试了很多方法，下面是我发现的最简单的方法：

<input type="text" class="form-control" datepicker-popup="MM/yyyy" ng-model="dt" is-open="opened" datepicker-options="{minMode: 'month'}" datepicker-mode="'month'"/>
<span class="input-group-btn">
    <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
</span>

诀窍是必须将datepicker options=“{minMode:'month'}”datepicker mode=“'month'放入input标记中。这对我很管用。