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

标签 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;
});

日期选择器未正确验证。

有什么想法可以实现吗?非常感谢!

最佳答案

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

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

关于javascript - 如何动态设置 Angular Material md-datepicker 指令的 md-min-date/md-max-date?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41429686/

相关文章:

javascript - 使用 ag-grid 进行单元格编辑的自定义日期选择器

angularjs - 我无法实现 ui.Grid angularJS 扩展,它给出 404 错误

javascript - 单击按钮在 AngularJS + TypeScript 中浏览文件

javascript - ASPX 页面上的 jQuery Datepicker()

javascript - jQuery 缓存选定的元素?

angularjs - 如何创建要在任何模块中使用的指令?

javascript - 将 jquery-ui datepicker 与 require.js 一起使用

javascript - 仅使用 setTimeout 获取计算样式

JavaScript onLoad 函数 + IE = 问题

javascript - Synergy 模板不会运行 &lt;script&gt; 代码