2015-11-30 44 views
0

我正在使用angular-material datepicker。我有一個場景,其中一個日期選擇器的最短日期設置爲另一個日期選擇器的模型。我注意到,在第一個日期中更改日期後,不會觸發採用「動態」最短日期的選擇器驗證。與此設置當minDate更改/動態時,Md-datepicker不顯示驗證錯誤

<h4>Standard date-picker</h4> 
<md-datepicker ng-model="minDate" md-placeholder="Enter date"></md-datepicker> 
<h4>Date-picker with min date set to first picker</h4> 
<md-datepicker ng-model="myDate" placeholder="Enter date" 
      md-min-date="minDate"></md-datepicker> 

Plunker

的成立。

當我將第一個選擇器中的日期更改爲第二個日期之後。帶有最短日期的選取器應在無效狀態。 有趣的是,由於在日曆視圖中禁用了最短日期之前的日期,所以第二個選擇器會選擇最短日期。

這是一個錯誤嗎? 有沒有解決方法?

回答

0

我已經把$watch這將檢查是否minDate是否低於myDate如果是,然後重置myDate minDate。

$scope.$watch('minDate', function(newValue, oldValue){ 
    if (oldValue != newValue){ 
    if (newValue > $scope.myDate){ 
     $scope.myDate = newValue;//reset the myDate with new Value of minDate 
    } 
    } 
}); 

工作代碼here

希望這有助於!