Convert date to M j, Y? In Javascript

Question

Current I have this var called uniqueDate

and If I try to get the value of this variable console.log(uniqueDate);

This will give me a log in inspect element like this

["2020-05-24", "2020-05-25", "2020-05-26", "2020-05-27", "2020-05-28", "2020-05-29"]

In php there's date('M j, Y',strtotime(<data>))

that will result something like this

May 24, 2020

May 25, 2020

May 26, 2020

May 27, 2020

May 28, 2020

May 29, 2020

I want to convert the date format of var uniqueDate to M j, Y like the sample date above.

Using Jquery? or just JS

Answer 1

You can try with this:

var date = new Date('2020-05-24');
var normalizedDate = new Date(date.getTime() - date.getTimezoneOffset() * -60000);
var formattedDate = normalizedDate.toLocaleDateString('en-US', {
    day: 'numeric',
    month: 'short',
    year: 'numeric'
});
console.log(formattedDate);

Hope it helps.

Answer 2

var dates = ["2020-05-24", "2020-05-25", "2020-05-26", "2020-05-27", "2020-05-28", "2020-05-29"]
  var data = [];
  for (var date of dates)
  {
    date = new Date(date);
    var final = date.toDateString();
    var final = final.substring(4, 15);
    data.push(final);
  }
  console.log(data);

With this line of code 'var final = final.substring(4, 15);' The result is as following

[ 'May 24 2020',
  'May 25 2020',
  'May 26 2020',
  'May 27 2020',
  'May 28 2020',
  'May 29 2020' ]

Without this line of code 'var final = final.substring(4, 15);' it will be as following

[ 'Sun May 24 2020',
  'Mon May 25 2020',
  'Tue May 26 2020',
  'Wed May 27 2020',
  'Thu May 28 2020',
  'Fri May 29 2020' ]