angularjs - How to make md-datepicker refresh on external model updates -


i have md-datepicker control. need update model value outside, when control not reflect change. however, second md-datepicker control same model propagate changes.

what missing?

angular.module('datepick', ['ngmaterial']);    angular.module('datepick').controller('pick', function($scope) {    $scope.date = new date();    $scope.nextday = function() {      $scope.date.setdate($scope.date.getdate() + 1);    };    $scope.prevday = function() {      $scope.date.setdate($scope.date.getdate() - 1);    };  });
<body ng-app="datepick">    <div ng-controller="pick">      <md-datepicker ng-model="date"></md-datepicker>      <md-datepicker ng-model="date"></md-datepicker>      {{date}}      <button ng-click="prevday()">-</button>      <button ng-click="nextday()">+</button>    </div>  </body>
example fiddle here.

i got material devs. see ticket 7045. in short, .setdate() not change object, day change not detected. instead, new object needs created. below works.

$scope.nextday = function() {   $scope.date = new date($scope.date.setdate($scope.date.getdate() + 1)); }; $scope.prevday = function() {   $scope.date = new date($scope.date.setdate($scope.date.getdate() - 1)); }; 

Comments

Popular posts from this blog

routing - AngularJS State management ->load multiple states in one page -

python - GRASS parser() error -

Swift game error message -