【问题标题】:how to get min-date in angular material from another datepicker?如何从另一个日期选择器获取角度材料的最小日期?
【发布时间】:2017-10-11 20:54:00
【问题描述】:

我在编码方面很新,我有 2 个日期选择器想要设置第二个的最小日期与第一个相同,如果第二个选择成为角度材料中第一个的最大日期 任何人都可以有一些想法

JS:

 angular.module('clientApp')
  .controller('dateController', function dateController($scope) {
    $scope.myDate = new Date();
    $scope.minDate = new Date(
      $scope.myDate.getFullYear(),
      $scope.myDate.getMonth(),
      $scope.myDate.getDate()
    );
    $scope.myDate = null;
}); 

HTML:

<md-input-container class="col-md-12" flex>
  <label>Check in</label>
  <md-datepicker 
    name="dateField"
    ng-model="ctrl.myDate" 
    md-min-date="minDate" 
    md-hide-icons="all" 
    ng-required="true"
    md-current-view="month"
    md-open-on-focus
    ng-messages>
  </md-datepicker>
  <div ng-messages="myForm.dateField.$error">
    <div ng-message="required">This date is required!</div>
  </div>
</md-input-container>

感谢任何想法和帮助

【问题讨论】:

  • 能否详细解释一下

标签: angularjs angular-material


【解决方案1】:

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

它基本上有一个 ng-change 处理程序(您可以在 2 个日期选择器中的每一个上设置),它将重置绑定到 md-min-datemd-max-date 的模型属性,这将立即反映在日期选择器中。

【讨论】:

  • 感谢您的回答我出 $wath 并且它对我有好处:$scope.dayDate = new Date(); $scope.$watch('dateFrom', function(newValue, oldValue) { $scope.minDate = newValue; });
  • @JohnDoe, "$watch" 应该也可以用于更改模型,因为 UI 字段绑定到模型,"ng-change" 用于通过 UI 进行更改,我think 是我们在这种情况下关心的主要问题。
猜你喜欢
  • 2018-09-13
  • 2019-07-04
  • 1970-01-01
  • 1970-01-01
  • 2019-07-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-11-06
相关资源
最近更新 更多