月份模式中的角度ui-datepicker在单击年份时不起作用

时间:2014-07-14 13:56:25

标签: javascript angularjs datepicker angular-ui-bootstrap

在点击年份的月份模式中我得到

  

与'datepicker'指令一起使用的表达式''month''是   非可分配!

在我的控制台中......我期待日历进入年份模式

这是我的plnkr => PLNKR

我的html如下

<div ng-controller="DatepickerDemoCtrl">
      <h4>Month-Year Picker</h4>
      <div class="row">
        <div class="col-md-3">
          <p class="input-group">
            <input type="text" class="form-control col-md-3" 
                datepicker-popup="MMM-yyyy" 
                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>
          </p>
        </div>
      </div>
    </div>

我的dateOptions是

 $scope.dateOptions = {
    'year-format': "'yy'",
    'starting-day': 1,
    'datepicker-mode':"'month'",
    'min-mode':"month"
  };

出了什么问题......请帮忙......

2 个答案:

答案 0 :(得分:0)

将月份值附加的额外引号删除为:

'datepicker-mode':"month",

你有:

  $scope.dateOptions = {
    'year-format': "'yy'",
    'starting-day': 1,
    'datepicker-mode':"'month'",
    'min-mode':"month"
  };

同样的问题:

'year-format': "'yy'"

答案 1 :(得分:-1)

尝试

$scope.dateOptions = {
    'year-format': "'yy'",
    'starting-day': 1,
    'datepickerMode':"'month'",
    'minMode':"month"
  };