如何根据fromHours、toHours及时区获取等效UTC星期几？

核心思路是基于用户选中的当地星期+起始小时，构造一个具体的当地时间点，转换为UTC后取其星期值，这样能自动适配所有时区偏移情况，无需硬编码GMT+/-的逻辑。

步骤1：编写转换函数 #

使用moment（推荐配合moment-timezone处理夏令时等复杂时区）编写通用转换函数，自动处理跨天情况：

// 转换当地星期到UTC星期
// 参数：
// localDay: 当地星期值（1=周一，0=周日，对应你的Checkbox选项）
// localFromHours: 当地起始小时（0-23）
// timezoneOffset: 时区偏移小时数（如GMT+8传入8，GMT-5传入-5）
// 返回：UTC星期值（0=周日，6=周六）
const convertLocalDayToUTCDay = (localDay, localFromHours, timezoneOffset) => {
  // 选一个已知星期的基准日期：2024-01-01 是周一（moment.day()返回1）
  const baseDate = moment('2024-01-01');
  // 计算需要偏移的天数，确保得到正确的当地星期几
  const daysToAdd = (localDay - baseDate.day() + 7) % 7;
  // 构造当地时间：基准日期偏移到目标星期 + 设置起始小时
  const localDateTime = baseDate.add(daysToAdd, 'days').hours(localFromHours).startOf('hour');
  
  // 转换为UTC时间并获取星期值
  return localDateTime.utc().day();
};

步骤2：在表单提交时应用转换 #

在你的React组件的提交逻辑中，调用上述函数转换用户选中的星期：

// 示例提交处理函数
const handleFormSubmit = () => {
  const formValues = form.getFieldsValue();
  const { days, from, timezoneOffset } = formValues.options;
  
  // 转换每个选中的当地星期到UTC星期
  const utcDays = days.map(localDayStr => {
    const utcDay = convertLocalDayToUTCDay(
      parseInt(localDayStr),
      parseInt(from),
      timezoneOffset
    );
    return utcDay.toString(); // 保持字符串格式匹配原Checkbox的value类型
  });
  
  // 此时utcDays就是需要存入数据库的UTC星期值，配合转换后的UTC小时一起存储
  console.log('UTC星期值:', utcDays);
  // 后续数据库存储逻辑...
};

为什么这个方案通用？ #

函数会自动处理你提到的三种场景：

• GMT+X时区跨天：比如当地周五00:00（GMT+8）转UTC是周四16:00，函数返回UTC星期4（周四），自动减1天。
• 同一天偏移：当地周五10:00（GMT+8）转UTC是周五2:00，函数返回UTC星期5（周五），保持不变。
• GMT-X时区跨天：比如当地周四23:00（GMT-5）转UTC是周五4:00，函数返回UTC星期5（周五），自动加1天。

适配你的Checkbox组件 #

如果需要实时展示UTC对应的星期标签（可选），可以在组件中根据当前form值计算并修改weekdays的label，但如果只是存储需求，提交时转换即可，无需修改现有Checkbox组件的渲染逻辑。

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