Là đối tượng ngày Javascript luôn luôn nghỉ một ngày?

Trong ứng dụng Java Script của tôi, tôi có ngày được lưu trữ theo định dạng như vậy:

2011-09-24

Bây giờ khi tôi thử sử dụng giá trị trên để tạo một đối tượng Ngày mới (để tôi có thể truy xuất ngày ở định dạng khác), ngày luôn quay trở lại vào một ngày. Xem bên dưới:

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

nhật ký:

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

Lưu ý rằng Giờ ban ngày miền Đông là -4 hoursvà giờ vào ngày bạn quay lại 20.

20h + 4h = 24h

đó là nửa đêm 2011-09-24. Ngày được phân tích cú pháp trong UTC (GMT) vì bạn đã cung cấp chuỗi chỉ ngày mà không có bất kỳ chỉ báo múi giờ nào. Nếu bạn đã đưa ra một chuỗi ngày / thời gian thay vào đó là một chỉ báo (new Date("2011-09-24T00:00:00") ), thì nó sẽ được phân tích cú pháp trong múi giờ địa phương của bạn. (Trong lịch sử đã có sự không nhất quán ở đó, không chỉ bởi vì thông số kỹ thuật đã thay đổi nhiều lần, nhưng các trình duyệt hiện đại sẽ ổn; hoặc bạn luôn có thể bao gồm chỉ báo múi giờ.)

Bạn đang nhận đúng ngày, bạn không bao giờ chỉ định múi giờ chính xác.

Nếu bạn cần truy cập các giá trị ngày, bạn có thể sử dụng getUTCDate()hoặc bất kỳ getUTC*()chức năng nào khác :

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

Có một số điều điên rồ xảy ra với đối tượng JS DATE chuyển đổi chuỗi, ví dụ, hãy xem xét ngày sau bạn đã cung cấp

Lưu ý: Các ví dụ sau có thể có hoặc không TẮT MỘT NGÀY tùy thuộc vào múi giờ và thời gian hiện tại của BẠN .

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

Tuy nhiên, nếu chúng tôi sắp xếp lại định dạng chuỗi thành Tháng-Năm ...

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

Một cái lạ khác

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.

Chúng tôi có thể dễ dàng thay đổi dấu gạch ngang trong ngày của bạn "2011-09-24" khi thực hiện một ngày mới

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

Điều gì xảy ra nếu chúng ta có chuỗi ngày như "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.

Bây giờ thay đổi dấu gạch nối để chuyển tiếp dấu gạch chéo như trước; chuyện gì xảy ra

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

Tôi thường phải quản lý định dạng ngày 2011-09-24T00: 00: 00 vì vậy đây là những gì tôi làm.

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

CẬP NHẬT

Nếu bạn cung cấp các đối số riêng cho hàm tạo Ngày, bạn có thể nhận các đầu ra hữu ích khác như được mô tả bên dưới

Lưu ý: đối số có thể là kiểu Số hoặc Chuỗi. Tôi sẽ đưa ra các ví dụ với các giá trị hỗn hợp.

Nhận tháng đầu tiên và ngày của một năm nhất định

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

Nhận tháng cuối cùng và ngày của một năm

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)

Ví dụ về số, đối số chuỗi. Lưu ý tháng là tháng ba vì không dựa trên tháng nữa.

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

Nếu chúng ta làm điều tương tự nhưng với một ngày bằng không, chúng ta sẽ có được điều gì đó khác biệt.

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)

Thêm một ngày bằng không vào bất kỳ đối số năm và tháng nào sẽ có được ngày cuối cùng của tháng trước. Nếu bạn tiếp tục với số âm, bạn có thể tiếp tục quay lại vào một ngày khác

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

Để bình thường hóa ngày và loại bỏ phần bù không mong muốn (được thử nghiệm tại đây: 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)

Điều này cũng hoàn thành tương tự và tín dụng cho @tpartee (đã thử nghiệm tại đây: https://jsfiddle.net/7xp1xL5m/1/ ):

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

Nếu bạn muốn nhận giờ 0 của một số ngày trong múi giờ địa phương, hãy chuyển các phần ngày riêng lẻ cho nhà Datexây dựng.

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

Chỉ muốn thêm rằng dường như thêm một khoảng trắng ở cuối chuỗi sẽ sử dụng UTC để tạo.

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)

Chỉnh sửa: Đây không phải là một giải pháp được đề xuất, chỉ là một câu trả lời thay thế. Xin vui lòng không sử dụng phương pháp này vì nó không rõ ràng những gì đang xảy ra. Có một số cách mà ai đó có thể tái cấu trúc điều này vô tình gây ra lỗi.

Tôi tin rằng nó phải làm với điều chỉnh múi giờ. Ngày bạn đã tạo là GMT và thời gian mặc định là nửa đêm, nhưng múi giờ của bạn là EDT, vì vậy nó trừ đi 4 giờ. Hãy thử điều này để xác minh:

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

Vấn đề của bạn là đặc biệt với múi giờ. Lưu ý một phần GMT-0400- đó là bạn chậm 4 giờ so với GMT. Nếu bạn thêm 4 giờ vào ngày / giờ được hiển thị, bạn sẽ nhận được chính xác nửa đêm 2011/09/24. Sử dụng toUTCString()phương pháp thay thế để có được chuỗi GMT:

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

Đây có lẽ không phải là một câu trả lời hay, nhưng tôi chỉ muốn chia sẻ kinh nghiệm của mình với vấn đề này.

Ứng dụng của tôi trên toàn cầu sử dụng ngày utc với định dạng 'YYYY-MM-DD', trong khi plugin datepicker tôi chỉ sử dụng chấp nhận ngày js, thật khó để tôi xem xét cả utc và js. Vì vậy, khi tôi muốn chuyển một ngày được định dạng 'YYYY-MM-DD' sang công cụ hẹn hò của mình, trước tiên tôi chuyển đổi nó thành định dạng 'MM / DD / YYYY' bằng cách sử dụng khoảnh khắc hoặc bất cứ điều gì bạn thích, và ngày hiện tại chính xác. Ví dụ của bạn

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

Rõ ràng d1 là những gì tôi muốn. Hy vọng điều này sẽ hữu ích cho một số người.

Điều này thông qua tôi cho một vòng lặp, +1 trên câu trả lời của zzzBov. Đây là một chuyển đổi đầy đủ của một ngày làm việc cho tôi bằng các phương pháp 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!

Điều đó có nghĩa là 2011-09-24 00:00:00 GMT, và vì bạn đang ở GMT -4đó, nó sẽ là 20:00ngày hôm trước.

Cá nhân, tôi nhận được 2011-09-24 02:00:00, bởi vì tôi đang sống GMT +2.

Mặc dù trong trường hợp của OP, múi giờ là EDT, nhưng không đảm bảo người dùng thực thi tập lệnh của bạn sẽ là int múi giờ EDT, do đó, việc mã hóa phần bù không nhất thiết phải hoạt động. Giải pháp tôi tìm thấy chia tách chuỗi ngày và sử dụng các giá trị riêng biệt trong hàm tạo Ngày.

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

Lưu ý rằng bạn phải tính đến một điều kỳ lạ khác của JS: tháng là không dựa trên.

Tôi đã gặp phải vấn đề chính xác này khi khách hàng của tôi đang ở trong Giờ chuẩn Đại Tây Dương. Giá trị ngày mà khách hàng đã truy xuất là "2018-11-23" và khi mã được chuyển vào new Date("2018-11-23")đầu ra cho máy khách là cho ngày hôm trước. Tôi đã tạo một hàm tiện ích như trong đoạn trích đã chuẩn hóa ngày, cung cấp cho khách hàng ngày dự kiến.

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>

nếu bạn chỉ muốn đảm bảo các phần riêng biệt của ngày giữ nguyên cho mục đích hiển thị, * điều này dường như hoạt động, ngay cả khi tôi thay đổi múi giờ của mình:

var doo = new Date("2011-09-24 00:00:00")

chỉ cần thêm các số không trong đó.

Trong mã của tôi, tôi làm điều này:

let dateForDisplayToUser = 
  new Date( `${YYYYMMDDdateStringSeparatedByHyphensFromAPI} 00:00:00` )
  .toLocaleDateString( 
    'en-GB', 
    { day: 'numeric', month: 'short', year: 'numeric' }
  )

Và tôi chuyển xung quanh múi giờ của mình trên máy tính và ngày vẫn giống như chuỗi ngày yyyy-mm-dd tôi nhận được từ API.

Nhưng tôi có thiếu một cái gì đó / đây có phải là một ý tưởng tồi?

* ít nhất là bằng chrome. Điều này không hoạt động trong Safari! khi viết bài này

Cách tốt nhất để xử lý việc này mà không cần sử dụng nhiều phương thức chuyển đổi,

 var mydate='2016,3,3';
 var utcDate = Date.parse(mydate);
 console.log(" You're getting back are 20.  20h + 4h = 24h :: "+utcDate);

Bây giờ chỉ cần thêm GMT trong ngày của bạn hoặc bạn có thể nối nó.

 var  mydateNew='2016,3,3'+ 'GMT';
 var utcDateNew = Date.parse(mydateNew);
 console.log("the right time that you want:"+utcDateNew)

Trực tiếp: https://jsfiddle.net/gajender/2kop9vrk/1/

Tôi phải đối mặt với một số vấn đề như thế này. Nhưng vấn đề của tôi là thiết lập tắt trong khi nhận được ngày từ cơ sở dữ liệu.

cái này được vuốt trong cơ sở dữ liệu và nó ở định dạng UTC.

2019-03-29 19: 00: 00.0000000: 00

Vì vậy, khi tôi nhận được từ cơ sở dữ liệu và kiểm tra ngày, nó sẽ thêm offset và gửi lại cho javascript.

Nó được thêm +05: 00 vì đây là múi giờ máy chủ của tôi. Khách hàng của tôi ở múi giờ khác +07: 00.

2019-03-28T19: 00: 00 + 05: 00 // đây là những gì tôi nhận được trong javascript.

Vì vậy, đây là giải pháp của tôi những gì tôi làm với vấn đề này.

var dates = price.deliveryDate.split(/-|T|:/);
var expDate = new Date(dates[0], dates[1] - 1, dates[2], dates[3], dates[4]);
var expirationDate = new Date(expDate);

Vì vậy, khi ngày đến từ máy chủ và có máy chủ bù, vì vậy tôi tách ngày và xóa máy chủ và sau đó chuyển đổi thành ngày. Nó giải quyết vấn đề của tôi.

Nếu bạn cần một giải pháp đơn giản cho việc này, hãy xem:

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

Bạn đang sử dụng định dạng chuỗi ngày ISO, theo trang này , khiến ngày được xây dựng bằng múi giờ UTC:

Lưu ý: phân tích chuỗi ngày với hàm tạo Ngày (và Date.parse, chúng tương đương nhau) không được khuyến khích mạnh mẽ do sự khác biệt và không nhất quán của trình duyệt. Hỗ trợ cho các chuỗi định dạng RFC 2822 chỉ theo quy ước. Hỗ trợ cho các định dạng ISO 8601 khác nhau trong các chuỗi chỉ ngày đó (ví dụ: "1970-01-01") được coi là UTC, không phải cục bộ.

Nếu bạn định dạng văn bản khác nhau, chẳng hạn như "Jan 01 1970", thì (ít nhất là trên máy của tôi), nó sẽ sử dụng múi giờ địa phương của bạn.

Cố gắng thêm 2 xu của tôi vào chủ đề này (xây dựng trên câu trả lời @ paul-wintz).

Dường như với tôi rằng khi hàm tạo Ngày nhận được một chuỗi khớp với phần đầu tiên của định dạng ISO 8601 (phần ngày), nó thực hiện chuyển đổi ngày chính xác theo múi giờ UTC với 0 thời gian. Khi ngày đó được chuyển đổi thành giờ địa phương, sự thay đổi ngày có thể xảy ra nếu UTC nửa đêm là ngày sớm hơn theo múi giờ địa phương.

new Date('2020-05-07')
Wed May 06 2020 20:00:00 GMT-0400 (Eastern Daylight Time)

Nếu chuỗi ngày ở bất kỳ định dạng "lỏng lẻo" nào khác (sử dụng "/" hoặc ngày / tháng không được đệm bằng 0) thì nó tạo ra ngày theo múi giờ địa phương, do đó không có vấn đề dịch chuyển ngày.

new Date('2020/05/07')
Thu May 07 2020 00:00:00 GMT-0400 (Eastern Daylight Time)
new Date('2020-5-07')
Thu May 07 2020 00:00:00 GMT-0400 (Eastern Daylight Time)
new Date('2020-5-7')
Thu May 07 2020 00:00:00 GMT-0400 (Eastern Daylight Time)
new Date('2020-05-7')
Thu May 07 2020 00:00:00 GMT-0400 (Eastern Daylight Time)

Vì vậy, một cách khắc phục nhanh, như đã đề cập ở trên, là thay thế "-" bằng "/" trong chuỗi chỉ ngày được định dạng ISO của bạn.

new Date('2020-05-07'.replace('-','/'))
Thu May 07 2020 00:00:00 GMT-0400 (Eastern Daylight Time)

Lưu trữ yyyy-mm-ddở định dạng Ngày MySql bạn phải làm như sau:

const newDate = new Date( yourDate.getTime() + Math.abs(yourDate.getTimezoneOffset()*60000) );
console.log(newDate.toJSON().slice(0, 10)); // yyyy-mm-dd

Nhật ký của bạn xuất ra GMT để bạn muốn chỉ định múi giờ của mình:

var doo = new Date("2011-09-24 EST");

đừng bận tâm, đã không chú ý đến GMT -0400, vì đó là ngày hôm qua

Bạn có thể thử đặt "thời gian" mặc định là 12:00:00

Sau đây làm việc cho tôi -

    var doo = new Date("2011-09-24").format("m/d/yyyy");