moment.js diff date formatting

问题:

I'm using moment.js and want to calculate the difference between two timestamp,format them afterwards and display them in a div.

var diffTime = moment(1390310146.791877).diff( 1390309386.271075);

This gives me 760 seconds, but I want to format it like this:

(days, hrs, mins, secs) and only show days, hours and seconds if they are higher than 0.

How do I achieve that ?

回答1:

moment.duration should be used

var diffTime = moment('2016-06-13T00:00:00+08:00')
    .diff( '2016-06-13T00:00:00+00:00');
var duration = moment.duration(diffTime);
var years = duration.years(),
    days = duration.days(),
    hrs = duration.hours(),
  mins = duration.minutes(),
  secs = duration.seconds();

var div = document.createElement('div');
div.innerHTML = years + ' years ' + days + ' days ' + hrs + ' hrs ' + mins + ' mins ' + secs + ' sec';
document.body.appendChild(div);

jsfiddle

回答2:

try this

var diffTime = moment(moment(1390310146.791877).diff( 1390309386.271075)).format('H m s');

it will output "5 30 0"

Edit

here is the simple way to get the difference. for this both the time should be in the same timezone.

var a = moment(1390310146.791877);
var b = moment(1390309386.271075);
a.diff(b)//To get the difference in milliseconds
a.diff(b,'seconds')//To get the difference in seconds
a.diff(b,'minutes')//To get the difference in minutes 
a.zone()//Get the timezone offset in minutes

hope this helps.