How to format date within array

Question

I am constructing an array using .map, the output is as follows:

renderDataLabels = (labelArray) => {
  const res = Object.values(this.state.totalCalls);
  labelArray = res.map(label => {
    return label.date
  })
  console.log(labelArray);
  return labelArray
}

/// Output: ///

0: "2020-07-11"
1: "2020-07-12"
2: "2020-07-13"
3: "2020-07-14"
4: "2020-07-15"
5: "2020-07-16"
6: "2020-07-17"
7: "2020-07-18"
8: "2020-07-19"
9: "2020-07-20"
10: "2020-07-21"

How can I format the dates before returning the array so that they are formatted as Jul, XX 2020?

[Displaying date to month dd, yyyy](https://stackoverflow.com/q/54231505) is more or less what you're after. — Nick Parsons, Jul 21 '20 at 15:33

score 2 · Answer 1 · answered Jul 21 '20 at 15:34

2

You can use moment.js. Using this library you can format date to any format required.

labelArray = res.map(label => {
    return moment(label.date).format('MMM, DD YYYY')
  })

answered Jul 21 '20 at 15:34

Muhammad Saqlain

2,112
4
33
48

score 0 · Answer 2 · answered Jul 21 '20 at 15:35

0

renderDataLabels = (labelArray) => {
  const res = Object.values(this.state.totalCalls);
  labelArray = res.map(label => {
    const dateArray = label.date.split("-");
    const newDate = `${dateArray[1]}-${dateArray[2]}-${dateArray[0]}`;
    return newDate;
  })
  console.log(labelArray);
  return labelArray
}

instead of running to install momentjs, you can use this simply.

answered Jul 21 '20 at 15:35

Talg123

1,468
1
10
15

This doesn't meet his requirement. This will return 07 for the month not Jul – Grant Singleton Jul 21 '20 at 15:38
1

Yes your right, I didnt pay attention to the Jul month. – Talg123 Jul 21 '20 at 15:46

score 0 · Answer 3 · answered Jul 21 '20 at 15:36

I hope its helpful for you.

const myDate = new Date('2020-04-18')

const dateFormated = new Intl.DateTimeFormat('en', { year: 'numeric', month: 'short', day: '2-digit' }) 
const [{ value: month },,{ value: day },,{ value: year }] = dateFormated .formatToParts( myDate ) 

console.log(`${month}, ${day} ${year}`)

How to format date within array

3 Answers3