如何从 JavaScript 中的新日期中减去或添加 GMT 数字？

Question

我有 IST 日期和时间 - Thu Oct 01 2020 05:30:00 GMT+0530（印度标准时间），我需要根据用户浏览器时区转换该日期时间。 因此，如果我可以从我的日期时间中减去或添加 GMT 值，我可以获得正确的日期时间。 请帮忙。

        var newdate = $(this).data("systemdate");
        var format = $(this).data("format");

        var timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
        var tm_short = moment.tz(newdate, timezone).format('z');

        var datecoverted = new Date(newdate+" GMT+0530")

        var result = moment(datecoverted).format(format); 

我已尝试使用上述代码，它在 chrome 中运行良好。但它在 Mozilla Firefox 中显示无效日期。

Answer 1

格式为 Thu Oct 01 2020 05:30:00 GMT+0530（印度标准时间）的时间戳是内置解析器可靠解析的仅有的两个时间戳之一，因此您可以将它们直接传递给 Date 构造函数：

let d = new Date('Thu Oct 01 2020 05:30:00 GMT+0530 (India Standard Time)');

如果时间戳是在客户端系统上生成的，那么默认使用系统时区偏移量：

d.toString(); // e.g. Thu Oct 01 2020 09:00:00 GMT+0900 (WIT)

所以不需要图书馆或任何搞乱时区的东西。

如果你真的想要使用一个库，那么你可以在 moment.js 中使用以下代码做同样的事情：

// Timestamp to parse
let s = 'Thu Oct 01 2020 05:30:00 GMT+0530 (India Standard Time)';

// POJS
console.log(new Date(s).toString());

// With moment.js
let format = 'ddd MMM DD YYYY HH:mm:ss ZZ';
console.log(moment(s, format).format(format));

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.26.0/moment.min.js"></script>

Answer 2

注意：“仅按惯例支持 RFC 2822 格式字符串。” MDN reference（RFC2822 是 OP 问题开头的字符串格式）
因此可以得出结论，在规范中到处使用“依赖于实现”的语言是故意模棱两可的，这取决于浏览器开发人员的选择，但坚持认为它不是规范的。
您可能可以使用它，就像可以使用对象映射键顺序一样，但重要的是要区分它不是由规范，例如 moment.js 最有可能选择拒绝它正是因为这个原因。

OP 试图建立自己的 ISO 日期字符串，但 FF 无法读取，因为他使用了错误的后缀。他可能已经通过验证他的字符串并使用：
datestring +='+05:30'
而不是 GMT+05:30，这会使 ISO 字符串无效。

未来读者的注意事项。 moment.js 确实存在一些问题，并且不一定是与 Dates 相关的所有内容的最佳选择。大多数情况下，您只需使用普通日期和时间戳数学即可，您实际上不需要引入 moment.js 作为依赖项。

但是，正如该线程中所示，日期解析可能会出现问题，并且允许内置日期解析您的日期可能会导致意外结果，特别是因为不同的平台可能会给出不同的结果。确保您充分了解平台之间的细微差别。
（时区差异、闰年、月日差异、字符串格式（现在使用 Intl.DateTimeFormat 已经足够好了）是您应该使用日期库的其他一些原因。虽然 moment(tz) 确实有 @987654322 @即使在这方面。）

问题顶部给出的日期类似于 ES2015 中批准的日期格式的（字符串显示表示）。不幸的是，月份和日期与批准的标准的顺序不同，这导致与 OP 通信时出现更多问题。

使用 moment、moment.tz 和 custom format

//var newdate = $(this).data("systemdate");
//var format = $(this).data("format");

// shim newdate, format values
newdate=`Thu Oct 01 2020 05:30:00 GMT+0530 (India Standard Time)`
format = `ddd MMM DD YYYY hh:mm:ss ZZ`

var timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
// other ways to get timezone.  use the one that gets the right results:
t=new Date().getTimezoneOffset()/60
var timezone2 = `+${`${t|0}`.padStart(2,'0')}:${`${(t-(t|0))*60}`.padStart(2,'0')}` 

console.log(moment.tz.guess(), timezone, timezone2)

// example custom format string using strict mode and isValid() for first example:
var result = moment(newdate.replace(/ \(.*\)/,''),'ddd MMM DD YYYY HH:mm:ss [GMT]Z', true)
if (result.isValid())
 result = result.tz(timezone).format(format)
else; //didn't match, continue to try to parse date string with other methods here

console.log(result);

newdate=`2020-11-01 05:30:00`

// this works, but is not recommended:
// should use strict mode to make sure you recognize the format
// and you want to force time zone parsing in your desired time zone
var result = moment.tz(newdate, 'Asia/Calcutta').tz(timezone).format(format);
console.log(result);

// notice 3rd parameter is true for strict mode.  reject dates that don't match
var result = moment.tz(newdate, 'YYYY-MM-DD HH:mm:ss', true, 'Asia/Calcutta')
if (result.isValid())
 result = result.tz(timezone).format(format)
else; // try to fallback to parsing date other ways
console.log(result)

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.25.3/moment-with-locales.min.js" integrity="sha256-8d6kI5cQEwofkZmaPTRbKgyD70GN5mDpTYNP9YWhTlI=" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.28/moment-timezone-with-data.js" integrity="sha256-O1PdKrSbpAYWSBteb7yX/CMmHhu3US31mtCbsryGwaY=" crossorigin="anonymous"></script>