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>
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
Post a Comment