AngularJS datepicker添加到天數

Question

我有一個包含'開始日期'和'持續時間'字段的AngularJS表單，並且我需要根據用戶輸入到這兩個字段中的內容來計算'結束日期'，即 結束日期=開始日期+天數

但我努力將它們轉換爲正確的數字格式來正確計算'結束日期'。

以下是基本代碼： HTML

<div ng-controller="MyCtrl"> 
    <p>Start Date: <md-datepicker ng-model="date" md-placeholder="Enter date" > 
    </md-datepicker></p> 
<p>No of days:<input ng-model="noDays" type="number"></p> 
<p>End Date: {{date+ noDays}}</p> 
</div> 

JS

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

而且這裏的jsfiddle https://jsfiddle.net/benct/n6jwj61s/

讚賞任何幫助。由於

Answer 1

看到這裏this答案

只需寫寫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> 

JS

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

Fiddle