Convert java date into angular date

Question

I am working on project uses angular4(frontend) and java(backend). I get the date in below format from java backend server into angular server.

2018-05-23T18:30:00.000+0000

I need to convert it into javascript/angular Date object. I have tried below code

Date d = new Date(java_date);

but this gives Invalid Date error.

Any idea how to deal with above date format.

That string is definitely a valid date, so the variable java_date must have some other string (or something else) in it. — Pointy
– Pointy, Commented Sep 29, 2018 at 12:49
Make sure you passing the date as "2018-05-23T18:30:00.000+0000" ,i.e., as string — Yashwardhan Pauranik
– Yashwardhan Pauranik, Commented Sep 29, 2018 at 12:51
That Java backend should be changed to return the result of Instant.now().toString() to get a standard Z on the end rather than +0000. — Basil Bourque
– Basil Bourque, Commented Sep 29, 2018 at 15:51

RobG · Accepted Answer · 2018-09-29 13:45:38Z

2

The string "2018-05-23T18:30:00.000+0000" is not consistent with the format in ECMA-262, it's missing colon in the timezone offset between the hours and minutes, so implementations may treat it as invalid (e.g. Safari).

You have a number of options:

Replace the timezone offset with "Z" and use the built–in parser: new Date('2018-05-23T18:30:00.000Z')
Insert a colon in the offset and use the built–in parser: new Date('2018-05-23T18:30:00.000+00:00')
Write your own parser for this particular format (maybe 4 lines of code)
Use a library (there are many good ones and they can help with formatting too)

I'd recommend either 3 or 4 as the built–in parser is notoriously fickle, but any of the above will likely do.

answered Sep 29, 2018 at 13:45

RobG

148k32 gold badges180 silver badges216 bronze badges

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

Comments

Daniel · Accepted Answer · 2018-09-29 12:53:41Z

0

The Date as you wrote it - given by its ISO string, you should parse it using JS/Angular

var a = Date.parse("2018-05-23T18:30:00.000+0000");

Here's a relevant link to MDN :

MDN Parse

MDN ISO

answered Sep 29, 2018 at 12:53

Daniel

2671 silver badge7 bronze badges

7 Comments

Prasad Parab Over a year ago

I face issue due to last +0000 if I removed it then everything works perfect, but I don't want to parse it using string manipulation.

Salman Arshad Over a year ago

Date constructor (when passed a string) calls Date.parse. You answer does not solve anything.

user184994 Over a year ago

@PrasadParab What browser are you using? Seems to work fine in Chrome

Prasad Parab Over a year ago

@user184994 correct it works in Chrome but I have tried it on Safari12.0 there its not working😨

user184994 Over a year ago

In that case, sounds like you have no choice but to manipulate the string value (maybe something like java_date.substring(0, 23))

|

Collectives™ on Stack Overflow

Convert java date into angular date

2 Answers 2

Comments

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related