Calculating hours difference between two dates in AngularJS [duplicate]

Question

I've got template which looks like this:

<tr ng-repeat="task in tasks" class="thumbnail">
            <td ng-model="task.id">{[{ task.id }]}</td>
            <td ng-model="task.time_start">{[{ task.time_start | date : 'MMM d, y HH:mm' }]}</td>
            <td ng-model="task.time_stop">{[{ task.time_stop | date : 'MMM d, y HH:mm' }]}</td>
            <td>[here i want the time difference]</td>
            <td><button ng-click="edit(task)">Update</button></td>
        </tr>

and I want to count hours difference between task.time_stop and task.time_start. Is there anyway to do this "live", in template?

Why is this question marked duplicate, the problem is totally different in both.? Strange — sac Dahal
– sac Dahal, Commented Dec 8, 2016 at 5:58

Sandor Drieënhuizen · Accepted Answer · 2015-01-13 12:45:33Z

5

Use the Moment library for this:

moment.utc(moment(task.time_stop.diff(moment(task.time_start))).format("mm")

You can wrap this call in a function:

$scope.timediff = function(start, end){
  return moment.utc(moment(end).diff(moment(start))).format("mm")
}

or even better create a factory for this... to make it reusable

PS: update your code to call the $scope.timediff to display the time difference:

<td>timediff(task.start,task.end )</td>

edited Jan 13, 2015 at 12:45

Sandor Drieënhuizen

6,4085 gold badges43 silver badges81 bronze badges

answered Apr 14, 2014 at 12:11

harishr

18.1k9 gold badges84 silver badges131 bronze badges

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

Collectives™ on Stack Overflow

Calculating hours difference between two dates in AngularJS [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related