How to convert dd/mm/yyyy string into JavaScript Date object? [duplicate]

Question

How to convert a date in format 23/10/2015 into a JavaScript Date format:

Fri Oct 23 2015 15:24:53 GMT+0530 (India Standard Time)

You have to take it apart as the day and month can switch place. What have you tried? — Tim Vermaelen
– Tim Vermaelen, Commented Oct 23, 2015 at 10:05
i used the split method and separated it as date, month , year — Raja Manickam
– Raja Manickam, Commented Oct 23, 2015 at 10:06
ummm, unclear. By "normal date" what do you mean, a string? And by "javascript Date format" what do you mean, a string like you posted or an actual JavaScript Date object??? — Starscream1984
– Starscream1984, Commented Oct 23, 2015 at 10:06
yes i want too change a normal date into a javascript date object — Raja Manickam
– Raja Manickam, Commented Oct 23, 2015 at 10:07

Yeldar Kurmangaliyev · Accepted Answer · 2019-10-05 22:19:11Z

308

MM/DD/YYYY format

If you have the MM/DD/YYYY format which is default for JavaScript, you can simply pass your string to Date(string) constructor. It will parse it for you.

var dateString = "10/23/2015"; // Oct 23

var dateObject = new Date(dateString);

document.body.innerHTML = dateObject.toString();

DD/MM/YYYY format - manually

If you work with this format, then you can split the date in order to get day, month and year separately and then use it in another constructor - Date(year, month, day):

var dateString = "23/10/2015"; // Oct 23

var dateParts = dateString.split("/");

// month is 0-based, that's why we need dataParts[1] - 1
var dateObject = new Date(+dateParts[2], dateParts[1] - 1, +dateParts[0]); 

document.body.innerHTML = dateObject.toString();

For more information, you can read article about Date at Mozilla Developer Network.

DD/MM/YYYY - using `moment.js` library

Alternatively, you can use moment.js library, which is probably the most popular library to parse and operate with date and time in JavaScript:

var dateString = "23/10/2015"; // Oct 23

var dateMomentObject = moment(dateString, "DD/MM/YYYY"); // 1st argument - string, 2nd argument - format
var dateObject = dateMomentObject.toDate(); // convert moment.js object to Date object

document.body.innerHTML = dateObject.toString();

<script src="https://momentjs.com/downloads/moment.min.js"></script>

In all three examples dateObject variable contains an object of type Date, which represents a moment in time and can be further converted to any string format.

edited Oct 5, 2019 at 22:19

answered Oct 23, 2015 at 10:05

Yeldar Kurmangaliyev

34.3k13 gold badges64 silver badges104 bronze badges

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

8 Comments

Daniele Urania Over a year ago

you should pass the correct type (number) to the constructor. var dateObject: Date = new Date(+dateParts[2], +dateParts[1] - 1, +dateParts[0]);

RobG Sep 8 at 14:27

In this case, coercing values to Number is redundant. If two or more values are passed to the constructor, then ToNumber is called on each as an initial step so there's no need to do so beforehand.

Pankaj Bhardwaj Over a year ago

This one is giving Fri Oct 23 2015 00:00:00 GMT+0530 (IST), And if we need "23 Oct 2015" only not complete string

Hankrecords Over a year ago

There's only one country in the whole world using MM/DD/YYYY and what do they set as the default JavaScript format? So annoying.

Tomás Hugo Almeida Over a year ago

you can change the date format from dd/mm/yyyy to mm/dd/yyyy and vice versa, using regex, with something like this: const originalDate = '23/07/2020'; const newDate = originalDate.replace(/([0-9]{2})\/([0-9]{2})\/([0-9]{4})/g,'$2/$1/$3'); // newDate = '07/23/2020';

Heretic Monkey Over a year ago

You can no longer depend on JavaScript parsing MM/DD/YYYY natively, due to changes in the underlying ECMAScript spec. The formats a JavaScript engine will parse are implementation-dependent, with the only ones in the ECMAScript standard being the IETF standard and a form of ISO 8601 (see What string date format will javascript's parse recognize?)

|

Mike Gledhill · Accepted Answer · 2021-11-07 13:49:08Z

14

Here's one I prepared earlier...

  convertToDate(dateString) {
      //  Convert a "dd/MM/yyyy" string into a Date object
      let d = dateString.split("/");
      let dat = new Date(d[2] + '/' + d[1] + '/' + d[0]);
      return dat;     
  }

answered Nov 7, 2021 at 13:49

Mike Gledhill

29.4k8 gold badges160 silver badges162 bronze badges

Comments

RobG · Accepted Answer · 2022-07-07 13:39:55Z

7

Parsing a string to create another string that is then parsed by the built–in parser is not an efficient strategy, particularly when neither string is in a format supported by ECMA-262.

A more efficient strategy is to parse the string once and give the parts directly to the constructor, avoiding the second parse, e.g.

const parseDMY = s => {
  let [d, m, y] = s.split(/\D/);
  return new Date(y, m-1, d);
};

console.log(parseDMY('23/10/2015').toString());

Date.parse only supports the formats produced by:

Parsing of any other format (including m/d/y) is implementation dependent.

answered Jul 7, 2022 at 13:39

RobG

148k32 gold badges180 silver badges216 bronze badges

1 Comment

Antoine Weber Sep 3 at 12:13

you could explain the /\D/ regex

drgol · Accepted Answer · 2021-03-08 13:35:25Z

5

var dateString = "23/10/2015"; // Oct 23
var newData = dateString.replace(/(\d+[/])(\d+[/])/, '$2$1');
var data = new Date(newData);

document.body.innerHTML = date.toString();ere

edited Mar 8, 2021 at 13:35

answered Mar 7, 2021 at 10:37

drgol

791 silver badge2 bronze badges

1 Comment

Nico Haase Over a year ago

Please add some explanation to your answer such that others can learn from it

Glenn Gutmacher · Accepted Answer · 2021-07-19 14:55:24Z

3

While most responses were tied to splitting strings or using native date methods, the two closely-related ones using RegEx (i.e., answer by [drgol] and comment by [Tomás Hugo Almeida]) are both instructive about the use of capturing groups. Their succinctness also helps illustrate the value of capturing and distinguishing that from matching - two related concepts that can confuse new RegEx users. This code block consolidates their 2 answers but see originals above: const origDate = '23/07/2020'; const newDate = origDate.replace(/(\d+[/])(\d+[/])/, '$2$1'); // newDate = '07/23/2020';

edited Jul 19, 2021 at 14:55

answered Jul 19, 2021 at 14:45

Glenn Gutmacher

457 bronze badges

Comments

brookemitchell · Accepted Answer · 2020-10-21 01:08:02Z

0

Here is a way to transform a date string with a time of day to a date object. For example to convert "20/10/2020 18:11:25" ("DD/MM/YYYY HH:MI:SS" format) to a date object

    function newUYDate(pDate) {
      let dd = pDate.split("/")[0].padStart(2, "0");
      let mm = pDate.split("/")[1].padStart(2, "0");
      let yyyy = pDate.split("/")[2].split(" ")[0];
      let hh = pDate.split("/")[2].split(" ")[1].split(":")[0].padStart(2, "0");
      let mi = pDate.split("/")[2].split(" ")[1].split(":")[1].padStart(2, "0");
      let secs = pDate.split("/")[2].split(" ")[1].split(":")[2].padStart(2, "0");
    
      mm = (parseInt(mm) - 1).toString(); // January is 0
    
      return new Date(yyyy, mm, dd, hh, mi, secs);
    }

edited Oct 21, 2020 at 1:08

brookemitchell

8199 silver badges16 bronze badges

answered Oct 20, 2020 at 23:03

Franco Fontana

1251 silver badge6 bronze badges

Comments

asking for a friend · Accepted Answer · 2021-02-04 11:38:28Z

-1

I found the default JS date formatting didn't work.

So I used toLocaleString with options

const event = new Date();
const options = { dateStyle: 'short' };
const date = event.toLocaleString('en', options);

to get: DD/MM/YYYY format

See docs for more formatting options: https://www.w3schools.com/jsref/jsref_tolocalestring.asp

answered Feb 4, 2021 at 11:38

asking for a friend

3012 silver badges13 bronze badges

1 Comment

K-Dawg Over a year ago

This is not what the OP asked for. They're trying to convert a string into a date.

A. Hamdy · Accepted Answer · 2021-06-18 16:22:25Z

-3

you can use this short function

// dateString: "15/06/2021"

const stringToDate = (dateString) => {
  const [day, month, year] = dateString.split('/');
  return new Date([month, day, year].join('/'));
};

document.body.innerHTML = stringToDate("15/06/2021").toString();

edited Jun 18, 2021 at 16:22

answered Jun 15, 2021 at 14:58

A. Hamdy

375 bronze badges

3 Comments

Nate Levin Over a year ago

This doesn't answer the question, what this does is convert a dd/mm/yyyy into a mm/dd/yyyy string, instead of just returning the Date object. Also, this is the same as in the accepted answer.

A. Hamdy Over a year ago

This is simpler es6 way to do it, I think that you didn't see the return new Date which acaxtly the answer

RobG Over a year ago

Because new Date(year, month-1, day) is too easy? :-)

clemens · Accepted Answer · 2018-01-19 06:48:18Z

-4

var date = new Date("enter your  date");//2018-01-17 14:58:29.013

Just one line is enough no need to do any kind of split, join, etc.:

$scope.ssdate=date.toLocaleDateString();//  mm/dd/yyyy format

edited Jan 19, 2018 at 6:48

clemens

17.9k12 gold badges52 silver badges71 bronze badges

answered Jan 19, 2018 at 6:25

Sanjeev Kumar

131 bronze badge

3 Comments

Aram Over a year ago

The OP asked for DD/MM/YYYY format which is not supported by Date in javascript

santoshe61 Over a year ago

He is right, you can get desired Indian Format by date.toLocaleString("indian"); or date.toLocaleDateString("indian");

K-Dawg Over a year ago

The Op is asking for "string to date", not "date to string".

User · Accepted Answer · 2021-03-19 04:43:46Z

-4

<!DOCTYPE html>

<script>

dateString = "23/10/2015";    //23 Oct 2015

d = dateString.split("/");

x = d[1] + "/" + d[0] + "/" + d[2];    //"10/23/2015"
y = d[2] + "/" + d[1] + "/" + d[0];    //"2015/10/23"

alert(
new Date(x) + "\n\n" +
new Date(y) + "\n\n" +
new Date(dateString) + "\n" +
"");

</script>

answered Mar 19, 2021 at 4:43

User

891 silver badge9 bronze badges

Collectives™ on Stack Overflow

How to convert dd/mm/yyyy string into JavaScript Date object? [duplicate]

10 Answers 10

MM/DD/YYYY format

DD/MM/YYYY format - manually

DD/MM/YYYY - using `moment.js` library

8 Comments

Comments

1 Comment

1 Comment

Comments

Comments

1 Comment

3 Comments

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

10 Answers 10

MM/DD/YYYY format

DD/MM/YYYY format - manually

DD/MM/YYYY - using moment.js library

8 Comments

Comments

1 Comment

1 Comment

Comments

Comments

1 Comment

3 Comments

3 Comments

Comments

Linked

Related

DD/MM/YYYY - using `moment.js` library