Javascript日期对象总是休息一天吗？

Question

在我的Java Script应用程序中,我将日期存储为如下格式:

2011-09-24

现在,当我尝试使用上面的值来创建一个新的Date对象(所以我可以以不同的格式检索日期)时,日期总会在一天后返回.见下文:

var doo = new Date("2011-09-24");
console.log(doo);

日志:

Fri Sep 23 2011 20:00:00 GMT-0400 (Eastern Daylight Time)

Answer 1

有几个疯狂与一个JS发生的事情DATE该字符串转换对象,例如考虑以下日期你提供

注意:以下示例可能是也可能不是一天关闭,具体取决于您的时区和当前时间.

new Date("2011-09-24"); // Year-Month-Day
// => Fri Sep 23 2011 17:00:00 GMT-0700 (MST) - ONE DAY OFF.

但是,如果我们将字符串格式重新排列为Month-Day-Year ...

new Date("09-24-2011");
=> // Sat Sep 24 2011 00:00:00 GMT-0700 (MST) - CORRECT DATE.

另一个奇怪的

new Date("2011-09-24");
// => Fri Sep 23 2011 17:00:00 GMT-0700 (MST) - ONE DAY OFF AS BEFORE.

new Date("2011/09/24"); // change from "-" to "/".
=> // Sat Sep 24 2011 00:00:00 GMT-0700 (MST) - CORRECT DATE.

我们可以在创建新日期时轻松更改日期"2011-09-24"中的连字符

new Date("2011-09-24".replace(/-/g, '\/')); // => "2011/09/24".
=> // Sat Sep 24 2011 00:00:00 GMT-0700 (MST) - CORRECT DATE.

如果我们有一个像"2011-09-24T00:00:00"这样的日期字符串怎么办

new Date("2011-09-24T00:00:00");
// => Fri Sep 23 2011 17:00:00 GMT-0700 (MST) - ONE DAY OFF.

现在改变连字符以像以前一样转发斜线 ; 怎么了？

new Date("2011/09/24T00:00:00");
// => Invalid Date

我通常需要管理日期格式2011-09-24T00:00:00所以这就是我的工作.

new Date("2011-09-24T00:00:00".replace(/-/g, '\/').replace(/T.+/, ''));
// => Sat Sep 24 2011 00:00:00 GMT-0700 (MST) - CORRECT DATE.

UPDATE

如果为Date构造函数提供单独的参数,则可以获得其他有用的输出,如下所述

注意:参数可以是Number或String类型.我将展示具有混合值的示例.

获取给定年份的第一个月和第一天

new Date(2011, 0); // Normal behavior as months in this case are zero based.
=> // Sat Jan 01 2011 00:00:00 GMT-0700 (MST)

获取一年中的最后一个月和一天

new Date((2011 + 1), 0, 0); // The second zero roles back one day into the previous month's last day.
=> // Sat Dec 31 2011 00:00:00 GMT-0700 (MST)

Number,String参数的示例.请注意,月份是3月,因为再次为零.

new Date(2011, "02"); 
=> // Tue Mar 01 2011 00:00:00 GMT-0700 (MST)

如果我们做同样的事情但是一天零,我们会得到不同的东西.

new Date(2011, "02", 0); // again the zero roles back from March to the last day of February.
=> // Mon Feb 28 2011 00:00:00 GMT-0700 (MST)

在任何年份和月份参数中添加零日将获得上个月的最后一天.如果您继续使用负数,您可以继续回滚另一天

new Date(2011, "02", -1);
=> // Sun Feb 27 2011 00:00:00 GMT-0700 (MST)

Answer 2

请注意,东部夏令时是-4 hours您回来之日的时间20.

20h + 4h = 24h

这是2011-09-24的午夜.

你得到了正确的约会,你从未指定过正确的时区.

如果您需要访问日期值,您可以使用getUTCDate()或任何其他getUTC*()功能:

var d,
    days;
d = new Date('2011-09-24');
days = ['Sun', 'Mon', 'Tues', 'Wed', 'Thurs', 'Fri', 'Sat'];
console.log(days[d.getUTCDay()]);

Answer 3

规范化日期并消除不需要的偏移量(在此测试:https://jsfiddle.net/7xp1xL5m/):

var doo = new Date("2011-09-24");
console.log(  new Date( doo.getTime() + Math.abs(doo.getTimezoneOffset()*60000) )  );
// Output: Sat Sep 24 2011 00:00:00 GMT-0400 (Eastern Daylight Time)

这也完成了相同的功能并归功于@tpartee(在此测试:https://jsfiddle.net/7xp1xL5m/1/ ):

var doo = new Date("2011-09-24");
console.log( new Date( doo.getTime() - doo.getTimezoneOffset() * -60000 )  );

Answer 4

如果要在本地时区中获取某个日期的小时0,请将各个日期部分传递给Date构造函数.

new Date(2011,08,24); // month value is 0 based, others are 1 based.

Answer 5

只是想补充一点,显然在字符串末尾添加一个空格将使用UTC进行创建.

new Date("2016-07-06")
> Tue Jul 05 2016 17:00:00 GMT-0700 (Pacific Daylight Time)

new Date("2016-07-06 ")
> Wed Jul 06 2016 00:00:00 GMT-0700 (Pacific Daylight Time)

编辑:这不是推荐的解决方案,只是一个替代答案.请不要使用这种方法,因为很不清楚发生了什么.有很多方法可以让人意外地重构这个错误.

Answer 6

我认为这与时区调整有关.您创建的日期是GMT,默认时间是午夜,但您的时区是EDT,因此减去4小时.试试这个来验证:

var doo = new Date("2011-09-25 EDT");

Answer 7

如果您需要一个简单的解决方案，请参阅：

new Date('1993-01-20'.split('-')); 

Answer 8

您的问题特别针对时区.注意部分GMT-0400- 那是你比GMT落后4小时.如果您将4小时添加到显示的日期/时间,您将获得2011/09/24的午夜时间.使用toUTCString()方法来获取GMT字符串:

var doo = new Date("2011-09-24");
console.log(doo.toUTCString());

Answer 9

这可能不是一个好的答案，但我只想分享我在这个问题上的经验。

我的应用程序在全球范围内使用格式为 'YYYY-MM-DD' 的 utc 日期，而我使用的 datepicker 插件只接受 js 日期，我很难同时考虑 utc 和 js。因此，当我想将 'YYYY-MM-DD' 格式的日期传递给我的日期选择器时，我首先使用 moment.js 或您喜欢的任何格式将其转换为 'MM/DD/YYYY' 格式，日期选择器上显示的日期是现在正确的。对于你的例子

var d = new Date('2011-09-24'); // d will be 'Fri Sep 23 2011 20:00:00 GMT-0400 (EDT)' for my lacale
var d1 = new Date('09/24/2011'); // d1 will be 'Sat Sep 24 2011 00:00:00 GMT-0400 (EDT)' for my lacale

显然 d1 是我想要的。希望这对某些人有帮助。

Answer 10

您可以通过以下方式将此日期转换为 UTC 日期

new Date(Date.UTC(Year, Month, Day, Hour, Minute, Second))

并且始终建议使用 UTC（通用时区）日期而不是 Date 与本地时间，因为默认情况下日期与 UTC 一起存储在数据库中。因此，在整个项目中使用和解释 UTC 格式的日期是一种很好的做法。例如，

Date.getUTCYear(), getUTCMonth(), getUTCDay(), getUTCHours()

因此，使用 UTC 日期可以解决与时区问题相关的所有问题。

Answer 11

这是通过我循环,在zzzBov的答案+1.以下是使用UTC方法为我工作的日期的完整转换:

//myMeeting.MeetingDate = '2015-01-30T00:00:00'

var myDate = new Date(myMeeting.MeetingDate);
//convert to JavaScript date format
//returns date of 'Thu Jan 29 2015 19:00:00 GMT-0500 (Eastern Standard Time)' <-- One Day Off!

myDate = new Date(myDate.getUTCFullYear(), myDate.getUTCMonth(), myDate.getUTCDate());
//returns date of 'Fri Jan 30 2015 00:00:00 GMT-0500 (Eastern Standard Time)' <-- Correct Date!

Answer 12

尽管在OP的情况下，时区是EDT，但不能保证执行脚本的用户将在EDT时区，因此对偏移量进行硬编码不一定有效。我找到的解决方案分割日期字符串并在日期构造函数中使用单独的值。

var dateString = "2011-09-24";
var dateParts = dateString.split("-");
var date = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);

请注意，您必须考虑 JS 的另一个怪异之处：月份是从零开始的。

Answer 13

当我的客户使用大西洋标准时间时，我遇到了这个确切的问题。客户端检索到的日期值是“2018-11-23”，当代码将其传递到new Date("2018-11-23")客户端的输出时，该日期值是前一天的。我创建了一个实用函数，如代码片段中所示，该函数规范了日期，为客户提供了预期的日期。

date.setMinutes(date.getMinutes() + date.getTimezoneOffset());

var normalizeDate = function(date) {
  date.setMinutes(date.getMinutes() + date.getTimezoneOffset());
  return date;
};

var date = new Date("2018-11-23");

document.getElementById("default").textContent = date;
document.getElementById("normalized").textContent = normalizeDate(date);

<h2>Calling new Date("2018-11-23")</h2>
<div>
  <label><b>Default</b> : </label>
  <span id="default"></span>
</div>
<hr>
<div>
  <label><b>Normalized</b> : </label>
  <span id="normalized"></span>
</div>