angularjs – Angular UI月份选择器

发布时间：2020-12-17 08:05:57 所属栏目：安全来源：网络整理

导读：我试图用 angular-ui-datepicker作为月

我试图用 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选项的一部分，使用JS as

$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’”添加到输入标签中。这对我来说很好。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!