javascript - Angular bootstrap-ui datepicker动态改变minMode

Question

所以我有 datepicker，其中更改选项卡日/月/年应该更改 datepicker 的 minMode

 switch($rootScope.tab){

    case 'd':
      $scope.datePicker = 'day';
      $scope.dateOptions = {minMode : 'day'};
      break;
    case 'm':
      $scope.datePicker = 'month';
      $scope.dateOptions = {minMode: 'month', datepickerMode: 'month'};
      break;
    case 'y':
      $scope.datePicker = 'year';
      $scope.dateOptions = {minMode : 'year'};
      break;
    case 't':
      $scope.datePicker = 'none';
      $scope.dateOptions = {minMode : 'none'};
  }

问题是 datepicker 更新正常但 dateOptions 只是忽略 minMode 并且仍然让你选择日而不是月/年等等。 View 中的日期选择器

<span  
    type="hidden" 
    style="display: none;" 
    class="form-control" 
    datepicker-popup="{{format}}" 
    ng-model="dt" 
    is-open="opened" 
    min-date="{{minDate}}" 
    max-date="{{maxDate}}" 
    datepicker-mode="datePicker"
    datepicker-options="dateOptions"
    ng-required="true" 
    close-text="Close"/>

是否有解决方法，例如每次选项卡更改时重新绘制日期选择器？(日期选择器在选项卡集之外)。

Answer 1

我遇到的解决方案之一是使用 https://github.com/dalelotts/angular-bootstrap-datetimepicker然后创建 3 个按钮，用于显示具有不同 startView(minMode) 和 minView(datePicker) 的日历，同时使用 ng-show 显示/隐藏其中不同的按钮，具体取决于按下的选项卡/按钮。显然，此方法不适用于 bootstrap-ui angular datepicker。