Find difference between 2 dates with AngularJS

Question

I get 2 dates from MySQL something like this:

Start: 2015-11-01 22:56:59 End: 2015-11-03 00:00:00

Also I get dates from object array; here is what one object looks like:

Array[5]
0: Object
$$hashKey: "object:9"
created_at: "2015-10-23 03:36:11"
expiration_date: "2015-11-03 00:00:00"
id: 1
name: "TEST PROJECT"

I need to find how many days left with AngularJS...

you could use momentjs to get the difference between the dates and then display them in a useful format using a filter — Dan
– Dan, Commented Nov 1, 2015 at 21:37
Not duplicat I need to find diffrence between dates from MySQL and to get diffirence directly inside template. — Vladimir Djukic
– Vladimir Djukic, Commented Nov 1, 2015 at 21:42

Emir Marques · Accepted Answer · 2015-11-01 21:45:34Z

7

Its simple. Use the function as:

$scope.calcDiff = function(firstDate, secondDate){
    var oneDay = 24*60*60*1000; // hours*minutes*seconds*milliseconds    
    var diffDays = Math.round(Math.abs((firstDate.getTime() - secondDate.getTime())/(oneDay)));
}

answered Nov 1, 2015 at 21:45

Emir Marques

2,6772 gold badges18 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Vladimir Djukic Over a year ago

Not simple because I get date from mysql in this format: 2015-11-01 22:56:59 and my dates are inside object array...

Emir Marques Over a year ago

Call as $scope.calcDiff(new Date("2015-10-23 03:36:11"), new Date("2015-11-03 00:00:00"));

Fridjon Gudjohnsen · Accepted Answer · 2015-11-01 21:57:41Z

7

Consider using moment.js for all your javascript date and time manipulations.

With the moment library it is as easy as:

moment(date1).diff(moment(date2), 'days')

answered Nov 1, 2015 at 21:57

Fridjon Gudjohnsen

8251 gold badge8 silver badges21 bronze badges

2 Comments

Vladimir Djukic Over a year ago

Problem with It is my dates are inside array of objects, so I can only find diffrence directly inside template or to set new value inside each object...

Fridjon Gudjohnsen Over a year ago

You can use the above in template, just add curlys: {{moment(date1).diff(moment(date2), 'days')}}

vvg · Accepted Answer · 2015-11-01 21:54:26Z

3

You just need to write a js function, that do all calculation instead of you.

<label>{{diffDate(date1, date2) }} </label>


  $scope.diffDate = function(date1, date2){
          var dateOut1 = new Date(date1); // it will work if date1 is in ISO format
           var dateOut2 = new Date(date2);

          var timeDiff = Math.abs(date2.getTime() - date1.getTime());
          var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24)); 
          alert(diffDays);
          return dateOut;
    };

If your data is not in ISO format, you have to set it explicitly.

var dateString = "2015-01-16 22:15:00";
var date = Date.parse(dateString, "yyyy-MM-dd HH:mm:ss");

edited Nov 1, 2015 at 21:54

answered Nov 1, 2015 at 21:43

vvg

6,40522 silver badges36 bronze badges

3 Comments

Vladimir Djukic Over a year ago

I get date from mysql in this format: 2015-11-01 22:56:59 and my dates are inside object array...

vvg Over a year ago

You can put into the function an array as parameter and work with that.

Vladimir Djukic Over a year ago

But how I will set up new value for each object inside array? I updated main post how object look like

Albert Namatullin · Accepted Answer · 2020-08-24 13:25:40Z

0

You can use amDifference filter. Don't forget to inject $filter

let dif = $filter('amDifference')(date1, date2, 'days');

answered Aug 24, 2020 at 13:25

Albert Namatullin

112 bronze badges

Collectives™ on Stack Overflow

Find difference between 2 dates with AngularJS

4 Answers 4

2 Comments

2 Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related