Incorrect date shown in new Date() in JavaScript

Question

This is what I get in chrome console. I pass "2016-09-05"(YYYY-MM-DD) as the date and it shows me Sept 4,2016 as the date.

Another constructor shows the right date

Passing it comma separated needs some tokenizing + parsing + making month zero indexed which I want to avoid

No @Kadaj - the syntax for the `Date` constructor is correct: `new Date(year, month[, day[, hour[, minutes[, seconds[, milliseconds]]]]])` — Geoff James, Aug 30 '16 at 09:22
Hint: it's to do with the timezone that it's using - i.e. `GMT-0400` - so it's taking 4 hours from the `00:00` on that day (taking you to the previous one) - check the timezone your browser is using... — Geoff James, Aug 30 '16 at 09:24
You *can* specify to use a time created from UTC - `new Date(Date.UTC(year, month, day, hour, minute, second))` (minute and second are optional) — Geoff James, Aug 30 '16 at 09:25
@GeoffJames Just a complement: the values for `month` are 0, 1, 2 ... 11 — cezar, Aug 30 '16 at 09:26
@cezar - I was wrong in last comment, so deleted it to prevent confusion (whoops, my bad). When you use the ctor as per my previous comment, yes - it does use `0-based` index. The ctor the OP is using is a string, so this will parse correctly. In this instance, if the OP were to use the ctor I've posted above - it would need to be `new Date(Date.UTC(2016,08,05));` or `new Date(2016,08,05);` — Geoff James, Aug 30 '16 at 09:36
OK @Robin. Your post tags `datepicker`, but your question is referring to the console in Chrome (I'm not questioning the parsing of the date, by the way). Are you actually using a `datepicker`? If so, what is your HTML code? What are you trying to achieve? Since you've edited your post, you mention that you'd want to avoid using 0-based index to parse the date etc. Is this coming from a date-picker? You need to add the scope to which you're having the issue and your desired outcome. — Geoff James, Aug 30 '16 at 09:45
Another question that might help you with the timezone offset issue: http://stackoverflow.com/questions/7403486/add-or-subtract-timezone-difference-to-javascript-date — Geoff James, Aug 30 '16 at 09:48

Ruud · Accepted Answer · 2022-08-31T08:00:00.703

77

If you omit the time in the new Date(string) constructor, UTC time is assumed. So the displayed value is actually correct. Use new Date('2016-09-05T00:00') to create the date object in local time.

Edit: while some browsers seem to support the yyyy-MM-dd HH:mm format, it's not officially supported, and, as mentioned in the comments, this doesn't work in Safari. I've updated the answer to use a T instead of a space between date and time.

Per the ECMAScript® 2023 Language Specification:

Date-only forms:

YYYY

YYYY-MM

YYYY-MM-DD

It also includes “date-time” forms that consist of one of the above date-only forms immediately followed by one of the following time forms with an optional UTC offset representation appended:

THH:mm

THH:mm:ss

THH:mm:ss.sss

edited Aug 31 '22 at 08:00

answered Aug 30 '16 at 09:53

Ruud

1,262
11
14

Nice answer! Just tried this in the console and works just right. You learn something new every day! :) – Geoff James Aug 30 '16 at 10:38
9

2 years later and still a useful answer. – Sean W. Feb 27 '18 at 15:54
1

3 years later , and it fixed my problem also – Ray Dec 25 '19 at 16:36
4

4 yrs later :-) – gondwe Mar 29 '20 at 20:48
5 years later, what am i even doing here. – Moiz Sohail Jul 19 '21 at 07:50
6 years later ... – alp123 Jun 22 '22 at 08:01
7 years later . – Hanna Jul 08 '22 at 09:17
This returns `Invalid Date` in Safari :( – Maxamilian Demian Aug 30 '22 at 22:00
8 years later . – Zenor27 Feb 10 '23 at 09:45

score 1 · Answer 2 · edited Jun 20 '20 at 09:12

You could use the Solution from UTC Date Conversion. Which basicall does the following:

console.log(new Date("2014-12-23"));
console.log(convertDateToUTC(new Date("2014-12-23")));

function convertDateToUTC(date) { 
return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds()); 
}

The output would be like that in the console (for me at least :D)

Tue Dec 23 2014 01:00:00 GMT+0100 (Mitteleuropäische Zeit)
Tue Dec 23 2014 00:00:00 GMT+0100 (Mitteleuropäische Zeit)

score -1 · Answer 3 · answered Aug 30 '16 at 09:27

-1

use setFullYear the syntax is Date.setFullYear(year,month,day)

mydate = new Date();
mydate.setFullYear(2016, 08, 05);

answered Aug 30 '16 at 09:27

konenas

80
1
12

Incorrect date shown in new Date() in JavaScript

3 Answers3

Linked

Related