Moment JavaScript-获取两个日期之间的差异

Question

I'm trying to get date differences between the today date and a destination date in moment.js, here what I have do:

var now = moment().format('DD/MM/YYYY HH:mm:ss');
var then = moment("15/09/2017 14:20:30").format('DD/MM/YYYY HH:mm:ss');
//here i try the difference
var diffTime = moment.utc(moment(now).diff(moment(then)));

console.log("differenza per countdown "+diffTime);

The console.log return me "Invalid date" but if I use now as "then" it return me 0 (which is correct), how can I create a properly formatting data?

Answer 1

Why are you formatting the moment to a string just to parse it again thereafter? There's no point in doing this.

Use moment.duration on the difference:

 var now = moment(); var then = moment("15/09/2017 14:20:30", "DD/MM/YYYY HH:mm:ss"); //here i try the difference var diffTime = moment.duration(then.diff(now)); console.log("differenza per countdown "+diffTime); console.log("humanized: " + diffTime.humanize(true)); console.log(diffTime.days() + "/" + diffTime.months() + "/" + diffTime.years() + " " + diffTime.hours() + ":" + diffTime.minutes() + ":" + diffTime.seconds()); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment-with-locales.min.js"></script> 

Answer 2

Your date format is not a standard one, in that case specify it explicitly as second parameter or parsing will fail in different browsers.

moment("15/09/2017 14:20:30", 'DD/MM/YYYY HH:mm:ss')

Ans yes, there is no value in converting to string and parsing it back to date unless you have some other logic in between.

 window.onload = function(){ var now = moment().format('DD/MM/YYYY HH:mm:ss'); var then = moment("15/09/2017 14:20:30", 'DD/MM/YYYY HH:mm:ss').format('DD/MM/YYYY HH:mm:ss'); //here i try the difference var diffTime = moment.utc(moment(now, 'DD/MM/YYYY HH:mm:ss').diff(moment(then, 'DD/MM/YYYY HH:mm:ss'))); console.log("differenza per countdown "+diffTime); } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment-with-locales.min.js"></script> 

For me the result is NaN but date parsing can differ with browsers.

 window.onload = function(){ var now = moment().format('DD/MM/YYYY HH:mm:ss'); var then = moment("15/09/2017 14:20:30").format('DD/MM/YYYY HH:mm:ss'); //here i try the difference var diffTime = moment.utc(moment(now).diff(moment(then))); console.log("differenza per countdown "+diffTime); } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment-with-locales.min.js"></script> 

Answer 3

您还可以使用Date.parse()将日期转换为毫秒，然后找出差异。