Angular UI月选择器

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在尝试使用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标签。这对我来说很好。

以上是 Angular UI月选择器 的全部内容， 来源链接： utcz.com/qa/407989.html

回到顶部