如何从 angularjs 获取天数

Question

如何获取两个日期之间的天数但它不起作用我认为我的日期格式不正确但是如何更改日期格式并获取天数

$scope.ChangeDate = function () {      
    var oneDay = 24 * 60 * 60 * 1000;
    var firstDate = $scope.Current.PlainnedStart;
    var secondDate = $scope.Current.PlainnedEnd;
    if (!angular.isUndefined(firstDate) && !angular.isUndefined(secondDate)) {
        var diffDays = Math.round(Math.abs((firstDate.getTime() - secondDate.getTime()) / (oneDay)));
        alert(diffDays);
        $scope.Current.NOD = ++diffDays;          
    }
}

enter image description here

<input type="text" onchange="angular.element(this).scope().ChangeDate()"
       id="date" ng-model="Current.PlainnedStart"
       class="floating-label mdl-textfield__input" placeholder="">

Answer 1

您应该将两个日期都转换为 JavaScript Date 对象。据我所知，两个日期输入的输入都是 'dd-mm-yyyy' 格式，如果您尝试将其直接转换为 Date 对象，这会导致一些问题。相反，您应该先将其转换为 'yyyy-mm-dd'，然后再将其转换为日期对象。

然后，您可以计算两个日期之间的差异。

const str1 = '17-04-2019';
const str2 = '20-04-2019';

const toDate = dateStr => {
  const parts = dateStr.split('-');
  return new Date(parts[2], parts[1] - 1, parts[0]);
}

const diff =  Math.floor((toDate(str2) - toDate(str1) ) / 86400000); 

console.log(diff)

Answer 2

如上一个答案中所述，您可以拆分字符串以获取值。或者像下面这样更改

例如：假设我的日期字符串是

var str1 = '17-Apr-2019';
var str2 = '20-Apr-2019';

var diff = Math.abs(new Date(str2).getDate() - new Date(str1).getDate()); 
console.log(diff)

Output => 3

或者如果您不想更改任何代码。将日期选择器的格式更改为 (mm-dd-yyyy) 您将获得相同的输出

Answer 3

你可以使用

<input class="form-control" ng-model="day1" ng-blur="getDate(day1)" type="text" readonly />


$scope.getDate= function (date) {
var dates = new Date();
console.log(dates);
}

您可以使用日期均匀的 momentjs 轻松管理

var a = moment('2018-04-17T07:00:00.000Z');
var b = moment('2018-04-27T07:00:00.000Z'); 
var days = b.diff(a, 'days');

http://momentjs.com/

或 Javascript

var a = new Date("2018-04-17T07:00:00.000Z"); 
var b = new Date("2018-04-27T07:00:00.000Z");
var dayDif = (a - b)  / 1000 / 60 / 60 / 24;

如何从 angularjs 获取天数

how to get number of days from angularjs

javascript

angularjs

angularjs-scope