Formating a date in Javascript

Question

In JavaScript, I want to show today's date plus 3 days.

I can do this with the following code:

    var newDt = new Date();
    newDt.setDate(newDt.getDate()+2);
    document.writeln(newDt);

This works well and outputs:

Thu Jan 03 2019 18:39:00 GMT+0000 (Greenwich Mean Time)

I, however would like to format the date as "Day, Month, Year" without any additional time included.

I know there are various libraries that can do this, but is there a way to do it without?

Duplicate stackoverflow.com/questions/3552461/…

Henry
– Henry

2019-01-01 19:02:40 +00:00
Commented Jan 1, 2019 at 19:02 — Henry
– Henry, Commented Jan 1, 2019 at 19:02
The lazy approach would be something like moment.js

Sirko
– Sirko

2019-01-01 19:03:55 +00:00
Commented Jan 1, 2019 at 19:03 — Sirko
– Sirko, Commented Jan 1, 2019 at 19:03
Possible duplicate of How to format a JavaScript date

FZs
– FZs

2019-01-01 19:19:37 +00:00
Commented Jan 1, 2019 at 19:19 — FZs
– FZs, Commented Jan 1, 2019 at 19:19

AndrewL64 · Accepted Answer · 2019-01-13 20:40:13Z

4

Just use the toLocaleDateString() method and specify en-GB as the locale to return the date in the British English date format of day-month-year order like this:

var x = document.getElementById("date");

var y  = new Date();
y.setDate(y.getDate() + 3);

var z = y.toLocaleDateString("en-GB");

x.innerHTML = `The date is: ${z}`;

<div id="date"></div>

You can check the toLocaleDateString documentation here() or check this answer on another SO thread to see how you can add options to further customise the date format.

edited Jan 13, 2019 at 20:40

answered Jan 1, 2019 at 19:11

AndrewL64

16.4k8 gold badges51 silver badges87 bronze badges

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

Comments

yxre · Accepted Answer · 2019-01-01 19:04:25Z

1

There is no format string. The only way is to pull the data points one by one

date.getDate() + ', ' + (date.getMonth() + 1) + ', ' +  date.getFullYear()

answered Jan 1, 2019 at 19:04

yxre

3,71423 silver badges20 bronze badges

Collectives™ on Stack Overflow

Formating a date in Javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related