I am trying to calculate and display number of days between two dates in my React app.

However, while doing so, I am having issues converting the date from my date picker to a string? Do I even need to convert the date to a string before calculating? Here is what I have.

var numberOfDays = function({props.startDatePicker},{props.endDatePicker}){
    return { 
        moment({props.startDatePicker}.diff({props.endDatePicker}, 'days'));
    };
}

What am I doing wrong? Where should I place this code?

I am trying to calculate and display number of days between two dates in my React app.

However, while doing so, I am having issues converting the date from my date picker to a string? Do I even need to convert the date to a string before calculating? Here is what I have.

var numberOfDays = function({props.startDatePicker},{props.endDatePicker}){
    return { 
        moment({props.startDatePicker}.diff({props.endDatePicker}, 'days'));
    };
}

What am I doing wrong? Where should I place this code?

• javascript
• reactjs
• date
• momentjs

• 1 I'd start by making sure your syntax is right. What you've posted here is not valid syntax. – Mike Cluck Commented Aug 2, 2017 at 18:04

1 Answer 1

You need to call .diff() on a moment object. Try moving the close parenthesis around {props.startDatePicker}

moment({props.startDatePicker}).diff({props.endDatePicker}, 'days');

https://momentjs./docs/#/displaying/difference/