UI Boostrap min-date 和 max-dates 在 ui-bootstrap 1.3.3 中不工作

Question

这个问题之前已经发布过几次，但这些问题似乎是针对 ui-bootstrap-tpls.js 的不同版本。如标题中所述，我使用的是 1.3.3 版，我无法使 min-date 和 max-dates 正常工作。我的代码可以在下面看到； https://plnkr.co/edit/Qr7PREKnNc4b8tfxSNzT?p=preview.

<div class="input-group">
  <input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="dt" min-date="minDate" max-date="maxDate" is-open="popup1.opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" alt-input-formats="altInputFormats"
          />
  <span class="input-group-btn">
    <button type="button" class="btn btn-default" ng-click="open1()"><i class="glyphicon glyphicon-calendar"></i></button>
  </span>
</div>

在我的控制器中，我有以下代码；

//set min and max dates
  $scope.minDate = function() {
    $scope.minDate = new Date();
  };
  $scope.minDate ();

  $scope.maxDate = function() {
    $scope.maxDate = new Date();
  };
  $scope.maxDate ();

Answer 1

我已经分叉了你的plnkr

https://plnkr.co/edit/OEBAS07JS8rDwXBNeoNE?p=preview

$scope.dateOptions.minDate = new Date();

这个 plnkr 显示固定的东西。

您基本上需要将 $scope.dateOptions.minDate 设置为新日期。我已将您的切换功能评论为您的 inlineOptions.minDate 永远不会设置为 null，因此它从未被初始化为新的 Date()

您可以对最大日期执行相同的操作。

UI Boostrap min-date 和 max-dates 在 ui-bootstrap 1.3.3 中不工作

UI Boostrap min-date and max-dates not working in ui-bootstrap 1.3.3

angularjs

angular-ui-bootstrap