如何使用Day.js将UTC时区转换为指定时区并按该时区筛选日期？

问题分析 #

你需要将UTC时间2022-11-28T23:58:29.670Z转换为比UTC快4小时的时区日期2022-11-29，当前使用dayjs的时区转换代码未达预期，核心原因大概率是未正确引入dayjs时区插件及数据。

正确实现步骤 #

1. 安装并导入必要依赖
   先安装dayjs和时区插件：

   npm install dayjs dayjs-timezone
   

   在代码中注册插件：

   import dayjs from 'dayjs';
   import timezone from 'dayjs/plugin/timezone';
   import utc from 'dayjs/plugin/utc';
   
   dayjs.extend(utc);
   dayjs.extend(timezone);
   

2. 正确转换时区并格式化
   目标时区America/Santo_Domingo本身就是UTC+4（无夏令时），按以下方式处理即可得到预期结果：

   const createdAt = '2022-11-28T23:58:29.670Z';
   const tz = 'America/Santo_Domingo';
   // 先以UTC规则解析原时间，再转换到目标时区
   const withtz = dayjs.utc(createdAt).tz(tz);
   const withtzday = withtz.format('YYYY-MM-DD');
   console.log(withtzday); // 输出 2022-11-29
   

3. 业务筛选注意事项
   针对你按指定时区筛选用户条目的场景：

   • 存储时务必保留原始UTC时间，避免时区混乱
   • 筛选时，先将目标时区的日期转换为UTC时间范围，再去数据库查询。比如要筛选目标时区的2022-11-29，对应的UTC时间范围是2022-11-28T20:00:00.000Z到2022-11-29T19:59:59.999Z，用这个范围查询能保证逻辑准确。

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