如何在服务器有utc时区上创建日期并在客户端上正确显示？

问题描述

我们逃避了使用现在的时刻，而是使用date-fns。在某些地方，我们仍然在前面使用瞬间。 服务器上的代码示例

//date in yyyy/mm/dd format in query params
startOfDay = StartOfDay(new Date(date));
return startOfDay

当我在前面显示此日期时，她将更改为本地时区（-4小时）。如果我使用date-fns-tz并转换为加拿大时区，则显示的时间为-4小时，显示后则为-4小时。如何解决这个问题？我需要为当前timeZone添加4个小时。我的utcOffset = 4。

解决方法

尽管我不确定date-fns-ts当前正在使用什么功能，但对我有用的是使用utcToZonedTime（）。该功能获取

a date/time in the local time of any time zone from UTC time

import { utcToZonedTime } from 'date-fns-tz'

const now = new Date() // UTC
const nowCustomTimeZone = utcToZonedTime(now,'Europe/Amsterdam')