如何动态设置Angular Material md-datepicker指令的md-min-date / md-max-date?

时间:2017-01-02 15:47:32

标签: javascript angularjs datepicker angular-material

我正在尝试使用md-datepicker以月为间隔,因此我创建了此codepen示例以便更好地演示:

http://codepen.io/anon/pen/ygBGOg

单击'PREV'按钮时,启动间隔似乎无法正确验证,分别为'NEXT',关闭时间间隔。

我尝试在md-max-date / md-min-date中使用vm.dateTo和vm.dateFrom

<md-datepicker ng-model="vm.dateFrom" md-max-date="vm.dateTo"></md-datepicker>

但与使用观察者一样

$scope.$watch('vm.dateFrom', function(v){
    vm.minDate = v;
});

datepickers未经过正确验证。

任何想法我怎么能实现这个目标?非常感谢!

1 个答案:

答案 0 :(得分:1)

This post可能会为此提供答案。

它基本上有一个ng-change处理程序,它将重置绑定到md-min-date的模型属性,该属性将立即反映在日期选择器中。