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