reactjs - Formatera datum i react.js från data i api-url

Jag försöker formatera mitt datum i ett React/TypeScript-projekt, men datan kommer från ett API, så jag kan iterera över datan och visa den, men hur konverterar jag den till ett format som '22 juni 2021'?

Data från API:et är i format:

{
   "title": 'First',
   "time": "2020-07-22T13:22:10.2566789+00:00", 
}

Då binder jag till mallen som {data.time}

Några idéer?

Svar #1

Ja, det är ett enkelt sätt att uppnå det

const date = new Date("2020-07-22T13:22:10.2566789+00:00")
const formattedDate = date.toLocaleDateString("en-GB", {
  day: "numeric",
  month: "long",
  year: "numeric"
})

console.log(formattedDate)

Svar #2

Paketnamn: npm i moment

Installera npm-paketet moment. "moment" är ett npm-paket. Efter installationen, importera paketet med import moment from 'moment'. Nästa, konvertera datan så här:

"time": "2020-07-22T13:22:10.2566789+00:00"
moment(time).format('DD/MM/YYYY HH:mm')