AngularJS日期选择器添加到天数

我有一个AngularJS表单，其中包括“开始日期”和“持续时间”字段，我需要根据用户在这两个字段中输入的内容计算“结束日期”，即。 结束日期=开始日期+天数

但我正在努力将它们转换成正确的数字格式，以正确计算“结束日期”

以下是基本代码： HTML

还有，我在这儿闲逛

谢谢你的帮助。谢谢

请参见此处的答案

只需编写一个updateDate函数，添加天数：

<div ng-controller="MyCtrl">
  <p>Start Date: <md-datepicker ng-model="date" md-placeholder="Enter date" ng-change='updateDate()'>
  </md-datepicker></p>
<p>No of days:<input ng-model="noDays" type="number" 
                ng-model-options='{ debounce: 1000 }'
                ng-change='updateDate()'></p>
<p>End Date: {{enddate}}</p>
</div>

---

太好了，谢谢托比。它第一次工作正常，但如果用户第二次修改“天数”输入，则工作不正确。它开始将天数添加到“结束日期”而不是“开始日期”。我相信这是一个解决方案是的，请参阅更新的答案，endDate必须是一个额外的变量。您还应该将ng change=updateDate（）添加到日期选择器中！好了，很抱歉我忽略了托比

var app = angular.module('myApp', ['ngMaterial', 'ngAnimate']);
app.controller('MyCtrl', function($scope) {
  $scope.date = new Date();
});

<div ng-controller="MyCtrl">
  <p>Start Date: <md-datepicker ng-model="date" md-placeholder="Enter date" ng-change='updateDate()'>
  </md-datepicker></p>
<p>No of days:<input ng-model="noDays" type="number" 
                ng-model-options='{ debounce: 1000 }'
                ng-change='updateDate()'></p>
<p>End Date: {{enddate}}</p>
</div>

$scope.date = new Date();
$scope.enddate = new Date();
$scope.noDays = 0;
$scope.updateDate = function() {
   $scope.enddate.setDate($scope.date.getDate() + $scope.noDays);
}