не может изменить назначенное значение по умолчанию для ввода даты типа angularjs

Question

У меня есть следующий ввод

 <input type="date" ng-model="startDateInput" ng-change="dateConvert()" />

И я установил значение по умолчанию, так как я вызываю службу при загрузке страницы и должен передать дату в качестве параметра

$scope.startDateInput = new Date(new Date().setFullYear(new Date().getFullYear() - 1));
console.log("$scope.startDateInput" + $scope.startDateInput)

Но позже я хочу, чтобы это значение обновлялось, когда пользователь касается ввода даты и выбирает новую дату в всплывающем календаре. Дело в том, что моя ценность здесь не изменилась. остается таким же, как значение по умолчанию.

$scope.dateConvert = function() {
  var dateFrom = $scope.startDateInput;
  $scope.params.startDate = dateFrom;
  console.log("dateFrom " + dateFrom);
  console.log(" $scope.params.startDate  " + $scope.params.startDate);
}

Результаты журнала

дата: среда, сентябрь 13, 2017 11:22:26 GMT + 0100 (летнее время Западной Европы)
tab.accountStatement.controller.js: 261 $ scope.params.startDate Среда, 13 сентября 2017 г. 11:22:26 GMT + 0100 (летнее время в Западной Европе)

Он сохраняет значение по умолчанию, которое я назначил ранее, но почему? Как я могу изменить это значение?

Answer 1

angular.module('MyApp', [])
.controller('MyCtrl', function($scope,$filter){
  $scope.default_date =$filter("date")(Date.now(), 'yyyy-MM-dd');
  
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<div ng-app="MyApp">
  <div ng-controller="MyCtrl">
  <input type="date" ng-model="default_date" value="{{default_date}}">
  <p>{{default_date}}</p>
  </div>
</div>