javascript - 如何在uib-datepicker中设置maxdate和mindate

以下是我在其中实现日期的Controller和html代码，有人可以向我解释如何向以下代码添加maxdate和mindate。

app.controller('viewfullproductionsummaryController', function ($scope, productionService, usSpinnerService) {
    $scope.open1 = function () { $scope.popup1.opened = true; };
    $scope.popup1 = { opened: false };
    $scope.data = {};
    $scope.data.ProductionReportDate = new Date();
  });

<div class="col-md-2 inputGroupContainer">
   <div class="input-group">
      <span class="input-group-btn">
      <button type="button" class="btn btn-default" ng-click="open1()"><i class="glyphicon glyphicon-calendar"></i></button>
      </span>
      <input type="text" class="form-control" uib-datepicker-popup="dd-MMM-yyyy" ng-model="data.ProductionReportDate" is-open="popup1.opened" required close-text="Close" />
   </div>
</div>

最佳答案

您可以在日期选择器选项中使用maxDate和minDate。

根据文件


  要配置uib-datepicker，您需要在
  带有所有选项的Javascript，并在datepicker-options上使用它
  属性


所以在你的HTML

<input type="text" class="form-control" uib-datepicker-popup="dd-MMM-yyyy" ng-model="data.ProductionReportDate" is-open="popup1.opened" datepicker-options="options" required close-text="Close" />

并在您的控制器中

$scope.options = {
      minDate: new Date(), // set this to whatever date you want to set
    }

看看这个plunker

关于javascript - 如何在uib-datepicker中设置maxdate和mindate，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42259339/