在React前端的特定时区开始活动

Question

我正在开发 React，我必须为在特定时区的精确时间（例如 2022/04/20 20:00:00 巴黎时区）开始的事件进行倒计时。

日期存储在前面的常量中，如下所示：

event:{
start: new Date('2022-04-20T20:00:00'),
end: new Date('2022-04-23T00:00:00')
}

因为日期存储在前面，所以它将对应于用户本地时区。
我不知道如何使日期保留在巴黎时区，无论用户时区是什么。
日期必须保留在日期类型中，因为我在计时器中进行倒计时计算。 我尝试使用 fns-tz 包中的 formatInTimeZone(date, 'Europe/Paris', 'yyyy-MM-dd HH:mm:ss zzz') 但当我在末尾添加“zzz”时，它返回无效日期格式。
另外，我注意到移动浏览器不支持某些日期格式（因此倒计时未在移动设备上显示）。
如果我更改“2022-04-20T19:00:00Z”的日期，这会是工作吗？
我知道 Z 代表 UTC，但在这种情况下它是 UTC+0 吗？

我真的对时区感到不舒服，任何帮助将不胜感激。

我尝试过：

import { formatInTimeZone } from "date-fns-tz";

const start = new Date("2022-04-20T20:00:00");
const end = new Date("2022-04-23T00:00:00");

const startdate = formatInTimeZone(start,"Europe/Paris","yyyy-MM-dd HH:mm:ss");
const enddate = formatInTimeZone(end,"Europe/Paris","yyyy-MM-dd HH:mm:ss zzz");


export const dropDate = {
    start: new Date(startdate),
    end: new Date(enddate),
};

它似乎可以工作，但不能在移动浏览器上工作。 日期格式无效。

Answer 1

如果将日期更改为'2022-04-20T19：00：00Z'，它将仅考虑GMT差异。就我而言，我的GMT是+0530（IST）。因此，它只会将30分钟的30分钟增加到19:00:00，从而导致4月21日的00:30:00。
您可以使用 dayjs 库库。

import dayjs from "dayjs";
import utc from "dayjs/plugin/utc";
import relativeTime from "dayjs/plugin/relativeTime";
import timezonePlugin from "dayjs/plugin/timezone";

dayjs.extend(utc);
dayjs.extend(relativeTime);
dayjs.extend(timezonePlugin);

event:{
    start: dayjs("2022-04-20T23:30:00").tz('Europe/Paris'),//This will set the start time to 2022/04/20 20:00:00 Paris timezone
    end: dayjs("2022-04-23T03:30:00").tz('Europe/Paris') // This will set the end time to 2022/04/23 00:00:00 Paris timezone.
}