AngularJS日期选择器仅限年份和月份

时间:2017-08-16 14:46:54

标签: angularjs datepicker

我正在尝试将角度ui日期选择器配置为仅选择年份和月份,而不是显示日期,但我不能这样做。我可以做任何解决方案来实现这一目标。 多数民众赞成我的plnkr

http://plnkr.co/edit/JR2EuU?p=preview

angular.module('plunker', ['ui.bootstrap']);
var DatepickerDemoCtrl = function ($scope) {
  $scope.today = function() {
    $scope.dt = new Date();
  };
  $scope.today();

  $scope.showWeeks = false;


  $scope.open = function($event) {
    $event.preventDefault();
    $event.stopPropagation();

    $scope.opened = true;
  };

  $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'" show-button-bar="false" show-weeks="false" close-on-date-selection="true" />
          <span class="input-group-btn">
    <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>

我在这里找到了这个解决方案,但我不想使用Jquery我希望使用角度js。 http://plnkr.co/edit/JUSAaQoFtU8Kw1KyvXwN?p=preview

2 个答案:

答案 0 :(得分:0)

在你的plunker中,当我将angular-ui从0.10升级到0.12时,它起作用了。用index

替换index.html中的第5行

<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.js"></script>

我找不到版本0.10的文档。文档最远的是0.12

答案 1 :(得分:0)

我使用的是indrimuska.github.io/angular-moment-picker,它确实运行良好且非常现代且易于配置。