moment.js - UTC đưa ra ngày sai

Tại sao moment.js UTC luôn hiển thị sai ngày. Ví dụ từ bảng điều khiển dành cho nhà phát triển của chrome:

moment(('07-18-2013')).utc().format("YYYY-MM-DD").toString()
// or
moment.utc(new Date('07-18-2013')).format("YYYY-MM-DD").toString()

Cả hai người trong số họ sẽ trở lại "2013-07-17" tại sao nó trở lại ngày 17 thay vì ngày 18 , đã được thông qua.

Nhưng nếu tôi sử dụng momentjs mà không có utc:

moment(new Date('07-18-2013')).format("YYYY-MM-DD").toString()

Tôi nhận được trở lại "2013-07-18" , đó là những gì tôi cũng mong đợi khi sử dụng moment.js UTC.

Điều này có nghĩa là chúng ta không thể lấy ngày chính xác khi sử dụng giờ UTC của moment.js?

Theo mặc định, MomentJS phân tích cú pháp theo giờ địa phương. Nếu chỉ cung cấp chuỗi ngày (không có thời gian), thời gian sẽ mặc định là nửa đêm.

Trong mã của bạn, bạn tạo một ngày địa phương và sau đó chuyển đổi nó sang múi giờ UTC (trên thực tế, nó làm cho phiên bản thời điểm chuyển sang chế độ UTC ), vì vậy khi nó được định dạng, nó sẽ bị dịch chuyển (tùy thuộc vào giờ địa phương của bạn) về phía trước hoặc ngược.

Nếu múi giờ địa phương là UTC + N (N là một số dương) và bạn phân tích cú pháp chuỗi chỉ ngày, bạn sẽ nhận được ngày trước đó.

Dưới đây là một số ví dụ để minh họa điều đó (thời gian bù giờ địa phương của tôi là UTC + 3 trong DST):

>>> moment('07-18-2013', 'MM-DD-YYYY').utc().format("YYYY-MM-DD HH:mm")
"2013-07-17 21:00"
>>> moment('07-18-2013 12:00', 'MM-DD-YYYY HH:mm').utc().format("YYYY-MM-DD HH:mm")
"2013-07-18 09:00"
>>> Date()
"Thu Jul 25 2013 14:28:45 GMT+0300 (Jerusalem Daylight Time)"

Nếu bạn muốn chuỗi ngày-giờ được hiểu là UTC, bạn nên nói rõ về nó:

>>> moment(new Date('07-18-2013 UTC')).utc().format("YYYY-MM-DD HH:mm")
"2013-07-18 00:00"

hoặc, như Matt Johnson đã đề cập trong câu trả lời của mình, bạn có thể ( và có lẽ nên ) phân tích cú pháp nó thành ngày UTC ngay từ đầu bằng cách sử dụng moment.utc()và bao gồm chuỗi định dạng làm đối số thứ hai để ngăn chặn sự mơ hồ.

>>> moment.utc('07-18-2013', 'MM-DD-YYYY').format("YYYY-MM-DD HH:mm")
"2013-07-18 00:00"

Để đi ngược lại và chuyển đổi ngày UTC thành ngày địa phương, bạn có thể sử dụng local()phương pháp như sau:

>>> moment.utc('07-18-2013', 'MM-DD-YYYY').local().format("YYYY-MM-DD HH:mm")
"2013-07-18 03:00"

Cả hai Datevà momentsẽ phân tích cú pháp chuỗi đầu vào theo múi giờ địa phương của trình duyệt theo mặc định. Tuy nhiên, Dateđôi khi không phù hợp với vấn đề này. Nếu cụ thể là chuỗi YYYY-MM-DDsử dụng dấu gạch ngang hoặc nếu có YYYY-MM-DD HH:mm:ss, nó sẽ diễn giải nó là giờ địa phương . Không giống như Date, momentsẽ luôn nhất quán về cách nó phân tích cú pháp.

Cách chính xác để phân tích cú pháp thời điểm đầu vào dưới dạng UTC ở định dạng bạn đã cung cấp sẽ như sau:

moment.utc('07-18-2013', 'MM-DD-YYYY')

Tham khảo tài liệu này .

Nếu sau đó bạn muốn định dạng nó theo cách khác cho đầu ra, bạn sẽ làm như sau:

moment.utc('07-18-2013', 'MM-DD-YYYY').format('YYYY-MM-DD')

Bạn không cần phải gọi toStringmột cách rõ ràng.

Lưu ý rằng việc cung cấp định dạng đầu vào là rất quan trọng. Nếu không có nó, một ngày như01-04-2013 có thể được xử lý là ngày 4 tháng 1 hoặc ngày 1 tháng 4, tùy thuộc vào cài đặt văn hóa của trình duyệt.