Dayjs如何创建指定时区日期 固定展示UTC-9日期不受本地时间影响

dayjs 展示日期跟随本地时间变化，核心是调用链没有全程绑定目标时区：多数实现仅在初始化阶段做了时区偏移计算，后续调用日期取值、格式化方法时，逻辑默认回退到本地时区解析，本地时间、时区修改后自然会出现日期匹配错误。

前置依赖配置 #

必须同时加载 utc 和 timezone 两个插件，配置全局默认时区，代码要放在所有 dayjs 业务调用之前执行：

import dayjs from 'dayjs'
import utc from 'dayjs/plugin/utc'
import timezone from 'dayjs/plugin/timezone'

dayjs.extend(utc)
dayjs.extend(timezone)
// 全局绑定默认时区为UTC-9
// 注意：IANA时区规则中Etc/GMT的偏移值和常规认知相反，UTC-9对应标识为Etc/GMT+9，不要写反
dayjs.tz.setDefault('Etc/GMT+9')

注：Etc/GMT+9 对应固定UTC-9偏移，无夏令时切换影响，完全匹配固定时区展示需求

时间实例生成 #

所有时间实例不要直接用原生 dayjs() 初始化，统一用 dayjs.tz() 方法生成，从源头绑定时区规则：

// 获取UTC-9时区的当前时间，计算完全不依赖本地系统时间设置
const currentTimeInUTC9 = dayjs.tz()

// 解析指定时间戳为UTC-9时区时间
const targetTimeInUTC9 = dayjs.tz(1717209600000)

日期取值与格式化 #

在上述方式生成的时间实例上，直接调用日期取值、格式化方法，返回结果全为UTC-9时区对应值，完全不受本地设置影响：

// 取UTC-9时区的年、月、日
const year = currentTimeInUTC9.year()
const month = currentTimeInUTC9.month() + 1 // dayjs月份默认从0开始计数，使用时按需+1
const date = currentTimeInUTC9.date()

// 格式化输出UTC-9时区日期字符串，例：2024-06-01
const formatDate = currentTimeInUTC9.format('YYYY-MM-DD')

• 不要混用 dayjs.utc() 后二次转时区，容易出现偏移重复计算问题，全程使用 dayjs.tz() 处理即可
• 不要在普通dayjs实例生成后再追加调用 .tz() 做转换，会导致偏移计算错误，出现日期差1天的问题
• 配置完成后可直接修改本地系统时间、切换本地时区做验证，上述实现返回的日期始终和UTC-9时区实际日期一致

内容的提问来源于stack exchange，提问作者uranium235