javascript - 无法更改为日期类型的输入分配的默认值 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)

但稍后，当用户触摸日期输​​入并在弹出的日历上选择新日期时，我希望更新此值。 问题是，我的值(value)在这里没有改变。 与默认值保持相同。

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

日志结果

dateFrom Wed Sep 13 2017 11:22:26 GMT+0100 (Western European Summer Time)
tab.accountStatement.controller.js:261 $scope.params.startDate Wed Sep 13 2017 11:22:26 GMT+0100 (Western European Summer Time)

它保留了我之前分配的默认值，但为什么呢？我怎样才能改变这个值？

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>