uib-datepickerの条件付き最小および最大日付

Question

にuib-datepickerを追加します。各項目にはminとmaxdateがありますので、条件付きでdatepickerに設定します。

現在、私はこれを持っているが、それは動作していない：

<p class="input-group"> 
    <input class="form-control" type="text" uib-datepicker-popup="dd-MM-yyyy" ng-model="task.datePlanned" is-open="popup.opened" datepicker-options="dateOptions($index)" close-text="Sluiten"> 
    <span class="input-group-btn"> 
     <button class="btn btn-default" type="button" ng-click="openDate()"> 
      <i class="fa fa-calendar"></i> 
     </button> 
    </span> 
</p> 

コントローラー：

$scope.dateOptions = function(index){ 
    return { 
     maxDate: new Date($scope.campaign.tasks[index].endDate), 
     minDate: new Date($scope.campaign.tasks[index].startDate) 
    } 
} 

$scope.openDate = function(){ 
    $scope.popup.openend = true; 
} 

$scope.popup = { 
    openend: false 
} 

私はminとmaxdateでError: [$rootScope:infdig]エラーが発生します。

ピッカーに条件付き日付を追加する方法はありますか？

Answer 1

各アイテムにはminとmaxdateがありますので、これを条件付きでdatepickerに設定します。

要件は、各項目の最大を別の分を設定している場合、あなたはこのように、タグ自体にオブジェクト定義を拡張することができます：

<p class="input-group"> 
    <input class="form-control" type="text" 
     uib-datepicker-popup="dd-MM-yyyy" 
     ng-model="task.datePlanned" 
     is-open="popup.opened" 
     datepicker-options="{ 
        maxDate: task.endDate, 
        minDate: task.startDate 
       }" 
     close-text="Sluiten"> 
    <span class="input-group-btn"> 
     <button class="btn btn-default" type="button" ng-click="openDate()"> 
      <i class="fa fa-calendar"></i> 
     </button> 
    </span> 
</p>