避免使用JavaScript日期的时区更正

发布于 01-19 14:32 字数 629 浏览 1 评论 0原文

我有一个 JavaScript 函数，它接受一个数字 (1-31)，创建一个 Date 并通过 AJAX 请求将其发送到服务器：

sendDate(d) {
    let date = new Date(this.year, this.month, d);
    htmx.ajax("GET", "/some/url", { values: { "date": date.toISOString() } });
}

问题是，JavaScript 是进行一些时区校正，如果我创建一个像 new Date(2022, 09, 14) 这样的日期，我会得到一个日期 Wed Sep 14 2022 00:00:00 GMT+0200（中欧夏令时间） 转换为 ISO 格式后变为 2022-09-13T22:00:00.000Z，即。前一天。

我知道我可以使用 .toLocaleDateString()，但我想坚持使用 ISO 格式，并且我还想避免一些老套的解决方案，例如始终在中间创建带有指定时间的日期当天或其他什么。

有没有一种简单的方法来创建常规日期对象并将其传递到服务器而无需时区恶作剧？

原文

I have a JavaScript function that takes a number (1-31), creates a Date and sends it to a server via an AJAX request:

sendDate(d) {
    let date = new Date(this.year, this.month, d);
    htmx.ajax("GET", "/some/url", { values: { "date": date.toISOString() } });
}

The problem is, that JavaScript is doing some timezone correction which has the effect, that if I create a date like new Date(2022, 09, 14) I get a date Wed Sep 14 2022 00:00:00 GMT+0200 (Central European Summer Time) which when converted to ISO format becomes 2022-09-13T22:00:00.000Z, ie. the previous day.

I know I can use .toLocaleDateString(), but I would like to stick to the ISO-format and I would also like to avoid hacky solutions such as always creating the date with some specified time at the middle of the day or whatever.

Is there a simple way to create a regular date object and pass it on to a server without timezone shenanigans?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

中二柚 2025-01-26 14:32:46

传递给日期构造函数的值将其视为局部， toisostring 使用UTC。不幸的是，eCmascript没有时区 - 不含日期的形式。

如果要使用 toisostring 格式化时间戳，那么一个解决方案是将值分析为UTC，例如

sendDate(d) {
    let date = new Date(Date.UTC(this.year, this.month, d));
    htmx.ajax("GET", "/some/url", { values: { "date": date.toISOString() } });
}

：示例：

let d = new Date()
let year = d.getFullYear();
let month = d.getMonth()
let day = d.getDate();
let date = new Date(Date.UTC(year, month, day))
// Always shows the current local date as 00:00:00Z
console.log( date.toISOString() );

您还应该从末端修剪Z，因为时间戳确实是本地的。

Values passed to the Date constructor are treated as local, toISOString uses UTC. Unfortunately ECMAScript doesn't have a timezone–free, date–only form.

If you want to use toISOString to format the timestamp, then one solution is to parse the values as UTC initially, e.g.

sendDate(d) {
    let date = new Date(Date.UTC(this.year, this.month, d));
    htmx.ajax("GET", "/some/url", { values: { "date": date.toISOString() } });
}

Example:

let d = new Date()
let year = d.getFullYear();
let month = d.getMonth()
let day = d.getDate();
let date = new Date(Date.UTC(year, month, day))
// Always shows the current local date as 00:00:00Z
console.log( date.toISOString() );