Question

我正在使用角材料datepicker。我有一个场景，其中一个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。

当我将第一个选择器中的日期更改为第二个选择器中的日期之后。具有最小日期的选择器应处于无效状态。有趣的是，第二个选择器会选择最小日期，因为在日历视图中禁用了最小日期之前的日期。

这是一个错误吗？有解决方法吗？

Answer 1

我已经设置$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

希望这有帮助！

当minDate更改/动态时，Md-datepicker不显示验证错误

1 个答案: