Question

此问题之前已发布过几次，但问题似乎是针对ui-bootstrap-tpls.js的不同版本所特有的。正如标题中所提到的，我使用的是1.3.3版本，而且我很简单，无法使用最小日期和最大日期。我的代码可以在下面看到; 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设置为新Date。我已将您的toggle函数注释为inlineOptions.minDate，因为它永远不会设置为null，因此它永远不会被初始化为新的Date（）

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

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

1 个答案: