我正在尝试将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/