Javascript date showing a different time by using New Date

Question

I have a following date time

'2021-08-05T12:38:27.163z'

when I am trying to use it

new Date('2021-08-05T12:38:27.163z')

it returns

Thu Aug 05 2021 18:08:27 GMT+0530 (India Standard Time)

Date wise it is fine as it is in the given string, but about time it is not returning the correct time

can any one help me with this ?

Both `2021-08-05T12:38:27.163z` and `Thu Aug 05 2021 18:08:27 GMT+0530 (India Standard Time)` represent the same moment in time, it's just that local time is represented with an offset to UTC — phuzi, Apr 07 '22 at 12:48
Same moment in different time zones. Which one do you want to use? — qrsngky, Apr 07 '22 at 12:50
The "z" at the end of the timestamp indicates the initial time is in the UTC timezone. — DBS, Apr 07 '22 at 12:55

score 0 · Answer 1 · answered Apr 07 '22 at 12:51

0

'2021-08-05T12:38:27.163z' is the UTC time format, where it is used regardless of any timezone.

But when you are displaying datetime, mostly you will need to display your local time, in this case is your India Standard Time (GMT+0530)

e.g. if you want to get hours, which you still can get both your local and the UTC hours:

const d = new Date('2021-08-05T12:38:27.163z')
d.getHours()
d.getUTCHours()

answered Apr 07 '22 at 12:51

Xin

33,823
14
84
85

Here, what is happening , it is showing 1 hour ahead of current time – ganesh kaspate Apr 07 '22 at 13:06
@ganeshk it depends on the string you put, so if you put correct string would work `'2021-08-05T12:38:27.163z'` – Xin Apr 07 '22 at 23:03

jspit · Answer 2 · 2022-04-07T13:17:22.187

0

You can also display the UTC time with toISOString().

const d = new Date('2021-08-05T12:38:27.163z')
const isoTime = d.toISOString()
//2021-08-05T12:38:27.163Z

For another input:

const d = new Date('2021-08-05 12:00 UTC')
const isoTime = d.toISOString()
//2021-08-05T12:00:00.000Z

If the string for new Date does not contain a UTC identifier, then the time is interpreted as local time. The UTC time is then usually different.

const d = new Date('2021-08-05 12:00')
const isoTime = d.toISOString()
//2021-08-05T10:00:00.000Z

(Local time zone Europe/berlin daylight saving time)

edited Apr 07 '22 at 13:17

answered Apr 07 '22 at 13:02

jspit

7,276
1
9
17

Why? This just gets back the original string that you parsed in the first place (almost) – phuzi Apr 07 '22 at 13:03
@jspit , it is showing a 1 hour ahead from the current time – ganesh kaspate Apr 07 '22 at 13:15
The timestamp determines with + new Date('2021-08-05T12:38:27.163z') must return 1628167107163. – jspit Apr 07 '22 at 13:33

score 0 · Answer 3 · answered Apr 07 '22 at 13:06

0

Convert the local time back to UTC.

var d = new Date('2021-08-05T12:38:27.163z');
var n = d.toUTCString();
console.log(n)

answered Apr 07 '22 at 13:06

Ritik Banger

2,107
5
25

score 0 · Answer 4 · answered Apr 07 '22 at 13:22

0

z is the zone designator for the zero UTC offset so new Date('2021-08-05T12:38:27.163z') will be displayed in your local timezone . so if you want the same time appeating remove the z

new Date('2021-08-05T12:38:27.163')

answered Apr 07 '22 at 13:22

Charfeddine Mohamed Ali

943
2
14

Actually it works with the date but it shows 1 hour ahead time in local – ganesh kaspate Apr 07 '22 at 13:28
Here, what is 163z? – ganesh kaspate Apr 08 '22 at 03:11
163 are milliseconds and z is the zone designator for the zero UTC offset – Charfeddine Mohamed Ali Apr 08 '22 at 03:47
Actually not sure why but it shows one hour ahead everytime ? what might be the reason ? – ganesh kaspate Apr 08 '22 at 04:07
Clocks go back in winter by one hour. – Charfeddine Mohamed Ali Apr 08 '22 at 04:20
see this to understand more https://stackoverflow.com/questions/32469269/javascript-date-give-wrong-date-off-by-one-hour – Charfeddine Mohamed Ali Apr 08 '22 at 04:20

Javascript date showing a different time by using New Date

4 Answers4