angularjs – Angular UI月份选择器

前端之家收集整理的这篇文章主要介绍了angularjs – Angular UI月份选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图用 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’”添加到输入标签中。这对我来说很好。

原文链接:https://www.f2er.com/angularjs/144116.html

猜你在找的Angularjs相关文章