如何将dayjs对象转为保留用户指定时区的原生Date对象？

首先明确一个关键事实：原生JavaScript Date对象本身不存储时区信息，它本质是一个UTC时间戳（自1970-01-01 00:00:00 UTC以来的毫秒数）。任何对Date的显示操作（比如toString()、控制台输出）都会自动转换为运行环境的本地时区，这是Date的固有特性，不存在“保留指定时区的Date对象”这种说法。

针对你的需求，可以通过以下两种方式处理：

1. 直接输出带指定时区的时间字符串（推荐） #

如果你的目的是展示或使用带时区标识的时间，不需要转换为Date对象，直接用dayjs的format()方法生成目标格式的字符串即可：

const formattedTime = dayjs(time_to_convert).tz().format('YYYY-MM-DD HH:mm:ss z');
// 示例输出：2024-05-20 14:30:00 Asia/Shanghai

2. 构造对应指定时区时间点的Date对象 #

如果必须使用Date对象，且需要Date的时间戳对应指定时区的目标时间（比如用户选的时区下的2024-05-20 10:00，对应的UTC时间戳），可以提取dayjs对象的年、月、日、时分秒参数，手动构造Date：

const tzDayjs = dayjs(time_to_convert).tz();
const targetDate = new Date(
  tzDayjs.year(),
  tzDayjs.month(), // 注意：Date的月份是0起始（0=1月）
  tzDayjs.date(),
  tzDayjs.hour(),
  tzDayjs.minute(),
  tzDayjs.second()
);

⚠️ 注意：这个Date对象的时间戳是正确的，但调用toString()等方法时，仍然会显示为本地时区的时间，这是Date的特性无法改变。

为什么toDate()会变成本地时间？ #

dayjs的tz()方法返回的是包含时区信息的dayjs实例，但toDate()只是将该实例对应的UTC时间戳转换为Date对象。由于Date本身不存时区，当你查看它的显示结果时，浏览器/Node会自动用本地时区解析这个时间戳，所以看起来像是丢失了时区信息，实际上时间戳是正确的。

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