vue3 typescript 时区转换

在 Vue3 中结合 TypeScript 使用时，时区转换通常涉及到日期库的使用，如 `dayjs` 或 `moment.js`，配合 `date-fns` 这样的现代日期函数库，以及第三方插件如 `vue-i18n-timezone` 来处理不同时区。

首先，你需要安装所需的依赖：

npm install dayjs date-fns moment-timezone vue-i18n-timezone

然后，在 TypeScript 配置中导入并设置类型支持：

import { utcToZonedTime } from 'date-fns'
import { createLocalVue } from '@vue/test-utils'
import Vtz from 'vue-i18n-timezone'

// 在组件或测试文件中
const localVue = createLocalVue()
localVue.use(Vtz)

当你需要将 UTC 时间转换为特定时区的时间：

import { format } from 'dayjs/plugin/timezone'
dayjs.extend(format)

function convertToTimeZone(date: Date, timezone: string): string {
  return format(date as unknown as Dayjs, 'YYYY-MM-DD HH:mm', { timeZone: timezone })
}

const utcDate = new Date() // 假设这是UTC时间
const localDate = convertToTimeZone(utcDate, 'Asia/Shanghai') // 将其转换为中国上海时区