AngularJS: How to print out duration time with format?

Question

I use below code to print the time duration:

{{(endTime - startTime) * 1000 | date: 'H:mm:ss'}}

But I get the time of GMT +8

AngularJS has any way to print out the non-convert duaration, Or I need to use this way to do this?

{{(endTime - startTime) % (60 * 60 * 24) / (60 * 60) | number: 0}}:
{{(endTime - startTime) % (60 * 60) / 60 | number: 0}}:
{{(endTime - startTime) % 60 | number: 0}}

javascript use the time with millisecond, and my endTime & startTime variable is produced by PHP time() function. — Chen-Tsu Lin, Jan 29 '14 at 05:45

score 26 · Answer 1 · answered Dec 23 '15 at 09:25

26

In AngularJS 1.3 and up, there is optional timezone argument in date filter. The doc says If the timezone is not specified, the timezone of the browser will be used.

https://code.angularjs.org/1.3.0/docs/api/ng/filter/date

Adding 'UTC' timezone will print the duration.

{{(endTime - startTime) | date: 'H:mm:ss': 'UTC'}}

answered Dec 23 '15 at 09:25

Aung Khaing Oo

261
3
2

1

Not sure why nobody upvoted that answer before, but it's brilliant and works perfectly. Many thanks. – ereOn Jan 28 '16 at 19:31
Not working for me in case of need to show days also. Using this solution adds 1 day cause "dd" starts on "01". Need to check if duration is >=1 in order to substract 1 day duration (24*60*60*1000). Now it works! Thanks for inspiration – Hugo Sep 28 '16 at 08:50

score 4 · Answer 2 · answered Jan 29 '14 at 06:53

4

The best way is to use moment.js library. There are many features in it that would be useful for application improvement.

answered Jan 29 '14 at 06:53

Alex_Crack

710
1
4
14

score 3 · Accepted Answer · answered Jan 29 '14 at 05:39

3

The date filter formats a Unix timestamp (in milliseconds), so it doesn't work on durations.

You'll have to do manual formatting, like you suggest.

answered Jan 29 '14 at 05:39

jkinkead

4,101
21
33

score 1 · Answer 4 · answered Oct 06 '14 at 14:19

1

you can use this bower component to format by duration.

answered Oct 06 '14 at 14:19

oshai

14,865
26
84
140

AngularJS: How to print out duration time with format?

4 Answers4

Linked