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

Question

以下是我的控制器和HTML代码，其中我实现了日期，有人可以向我解释如何添加maxdate并注意以下代码。

＆＃13;

＆＃13;

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();
  });

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以在datepicker选项中使用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

Answer 2

在AngularJS中，您可以为uib-datepicker

设置一系列dateOptions，例如dateMin，dateMax

选中此plunker

中的thread

Answer 3

您可以自己标记它

在控制器中

$scope.minDate = new Date();

可见

 min-date="minDate" // add in uib-input

经过测试，可以正常工作