How to format a date in single line in JavaScript without using any library

Question

How can I convert a day like 2020-05-01 to 5/1/2020 in one line.

I tried this but I wasn't able to remove the zero's nor I could arrange them in correct order.

('2020-05-01').split('-').reverse().join('/')

'2020-05-01'.split('-').reduceRight((arr, str) => arr.concat(Number(str)), []).join('/') — Peter Seliger
– Peter Seliger, Commented Feb 22, 2021 at 20:47
or with "unary plus" operator ... '2020-05-01'.split('-').reduceRight((arr, str) => arr.concat(+str), []).join('/') — Peter Seliger
– Peter Seliger, Commented Feb 22, 2021 at 21:13

Majed Badawi · Accepted Answer · 2021-02-22 20:44:27Z

2

Use .map to iterate and Number to convert:

console.log(
  ('2020-05-01')
    .split('-')
    .map(Number) // add this
    .reverse()
    .join('/')
);

answered Feb 22, 2021 at 20:44

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Arpit Falcon Over a year ago

is there any way to convert 2020-05-01 to 5/1/2020(month/date/year) in one line?

Majed Badawi Over a year ago

@ArpitFalcon you can do it in moment as follows: moment('2020-05-01').format('M/D/YYYY')

Peter Seliger Over a year ago

'2020-05-01'.replace((/(\d{4})-(\d{2})-(\d{2})/g), (_, y, m, d) => [m, d, y].join('/'))

Peter Seliger Over a year ago

of cause I forgot converting month and day into single digits where possible; one can make use of the "unary plus" operator and the above example changes to ... '2020-05-01'.replace((/(\d{4})-(\d{2})-(\d{2})/g), (_, y, m, d) => [+m, +d, y].join('/'))

optimalLight · Accepted Answer · 2021-02-22 21:07:12Z

1

const event = new Date('2020-05-01');
console.log((event.getMonth() + 1) + "/" + event.getDate() + "/" + event.getFullYear());

edited Feb 22, 2021 at 21:07

answered Feb 22, 2021 at 20:55

optimalLight

1941 gold badge1 silver badge13 bronze badges

2 Comments

Peter Seliger Over a year ago

cheating ... its not in a single line ... ;-)

Chris Tavares Over a year ago

This is the right answer. Dates aren't strings, and treating them that will will just break later in unexpected ways.

Collectives™ on Stack Overflow

How to format a date in single line in JavaScript without using any library

2 Answers 2

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related