angularjs - Angular UI月选择器

标签 angularjs datepicker angular-ui angular-ui-bootstrap

我正在尝试将angular-ui-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-options的一部分,使用JS作为
  $scope.dateOptions = {
    'year-format': "'yy'",
    'starting-day': 1,
    'datepicker-mode':"'month'",
    'min-mode':"month"   };

但这也不起作用。请帮忙

最佳答案

对于那些面临此问题的人,我尝试了很多事情,这是我找到的最简单的方法:

<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标记中。这对我来说很好。

关于angularjs - Angular UI月选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23737270/

相关文章:

angularjs - angular-chart.js,如何更改颜色标签

javascript - 如何使用 Protractor 发送 POST

javascript - 防止选择过去的日期

angularjs - 如何使用 Angular UI 选项卡和 UI 网格重画表格?

angular-ui - 关闭动画,模式,Angular-ui

javascript - AngularJS 翻译和 ui 工具提示 html

javascript - 如何验证 angularjs 中的子属性?

angularjs - 如何捕获无效的 URL?

wpf - 如何使用 Expression Blend 在 WPF 中编辑 DatePicker 的水印

javascript - 未定义不是函数 ImpressPages DatePicker