Convert date range object into ISO-8601 format using moment.js

Question

I am using this react based date range picker. It gives me a setSelectedDayRange as an object of from and to like this

from: {day: 3, month: 8, year: 2020}
to: {day: 8, month: 8, year: 2020}

I need to convert the above into the ISO-8601 format . Since I already have moment.js installed in my project, I was hoping to utilize it.

The problem is

1. if I try to do it like

    setSelectedDayRange = moment(); let convertedDate = moment().toISOString(); console.log("setSelectedDayRange", convertedDate);

It only converts the to date.

2. if I try to do it like

    let convertedDate = moment(setSelectedDayRange).toISOString(); console.log("setSelectedDayRange", convertedDate);

It ends up converting currentDate-1

handleDatePickerChange = (setSelectedDayRange) => {
        console.log("initializing handleDatePickerChange()");
        console.log("setSelectedDayRange", setSelectedDayRange);
        // TODO
        // convert the dates
        
        setSelectedDayRange = moment();
    
        let convertedDate = moment().toISOString();
        console.log("setSelectedDayRange", convertedDate);
    
    
        // let convertedDate = moment(setSelectedDayRange).toISOString();
        // console.log("setSelectedDayRange", convertedDate);
    
      
        this.setState({
          selectedDayRange: setSelectedDayRange,
        });
      };

Sandbox URL to mess around with it.

Answer 1

Ciao, if you need just to convert setSelectedDayRange to date in toISOString you could do:

let convertedDateFrom = moment(setSelectedDayRange.from).toISOString();
console.log("setSelectedDayRange", convertedDateFrom);

let convertedDateTo = moment(setSelectedDayRange.to).toISOString();
console.log("setSelectedDayRange", convertedDateTo);

Here your code modified.