Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

new Date() shows differents results in Chrome or Firefox

Strange thing, different results in differente browser for a new Date().

In Chrome 45.0.2454.101 m:

new Date(2015,9,1)
Thu Oct 01 2015 00:00:00 GMT+0200 (W. Europe Daylight Time)

In Firefox 40.0.3 (default inspector/console)

new Date(2015,9,1)
Date 2015-09-30T22:00:00.000Z

Additional info
If I try in Firefox with the console of FIREBUG extension, works well like Chrome. What's happening? Seems that Firefox doen'st count the offset, in fact it's 2 hour behind the correct date. I did the test on other workstation and all seems to have this "bug".

like image 639
Kreker Avatar asked Oct 14 '15 09:10

Kreker


People also ask

What is browser date?

The default date format for internet browsers is often set as the US date format by default. This means that in HORUS and HRMS, dates can appear as: MM/DD/YYYY. For example, 12/31/2017. This guide explains how to change the date formats in all major web browsers by setting Australian English as the default language.


2 Answers

IF you don't want the timezone offset to be included you can use Date.UTC

Note: Where Date is called as a constructor with more than one argument, the specifed arguments represent local time. If UTC is desired, use new Date(Date.UTC(...)) with the same arguments.

~MDN

Output from Firefox dev console:

> new Date(2015,9,1)
  Date 2015-09-30T22:00:00.000Z  // reproduces your problem, my local time is GMT+0200
> new Date(Date.UTC(2015,9,1))
  Date 2015-10-01T00:00:00.000Z // UTC time

However 00:00:00 GMT+0200 and 22:00:00.000Z are just different ways to represent the timezone offset in Date's string representation. The difference is the method used when printing to console: most browsers use .toString() while Firefox uses .toISOString(). (Edited; previously stated that the toString method implementations are different which isn't true).

In both Chrome (Thu Oct 01 2015 00:00:00 GMT+0200) and Firefox (Date 2015-09-30T22:00:00.000Z) methods like .getDate() and .getMonth() return the same values (1 and 9 respectively). The Date objects are the same.

like image 164
pawel Avatar answered Sep 26 '22 01:09

pawel


This is just the behavior of the debug console. The two date values you showed are both the same, and are the correct value. You're just seeing the local time in Chrome, while Firefox chooses to show the UTC time in the debug console.

More accurately, Chrome, IE, and most other browsers simply call .toString() on the object, while Firefox is calling .toISOString().

FF Screenshot

Note that Firefox has a bug that us showing the wrong name of the time zone (Standard instead of Daylight), but you can see the debugger value matches the ISO8601 UTC value.

like image 40
Matt Johnson-Pint Avatar answered Sep 26 '22 01:09

Matt Johnson-Pint