Date/Time Formatting in React-CodePudding

I am working with an API that returns Dates in the format 2022-03-01T11:32:37

Created:&nbsp;{this.props.proposal.OPENWHEN}

Created: 2022-03-01T11:32:37

How do i format this into DD/MM/YYY 24:00:00 ?

Thanks In Advance

CodePudding user response：

Something like the following should be enough:

// Example expected argument: 2022-03-01T11:32:37 
function prettifyDateTime (str) {
    // Splitting the string between date and time
    const [date, time] = str.split("T");

    // Assuming 03 is the month and 01 is the day – otherwise, those could be swapped
    const [year, month, day] = date.split("-")

    // Added slashes and the space before the time
    return `${day}/${month}/${year} ${time}`
}

prettifyDateTime("2022-03-01T11:32:37") // '01/03/2022 11:32:37'

Otherwise, I recommend using a date library like date-fns, dayJS, or moment.

CodePudding user response：

You can use the Date object to accomplish what you want. It'll also accept other date formats. Here is one place to find Date description. You also get the benefit of rejecting invalid date formats

function prettifyDateTime(str) {
  let date = new Date(str);
  // There's other ways of formatting this return
  return date.toLocaleDateString()   ' '   date.toLocaleTimeString();
}