如何使用JavaScript或jQuery将UTC转换为CST并格式化显示

嘿，咱们来解决把当前时间转换成CST时区并格式化显示的问题！我给你两种靠谱的实现思路，一种是现代简洁的方法（强烈推荐），另一种适配旧环境。

这是ES6+自带的原生API，专门处理日期时间的本地化与时区转换，不用自己手动处理补零、AM/PM这些琐碎细节，省心又可靠。

如果你的CST指的是中国标准时间（UTC+8），直接指定时区为'Asia/Shanghai'即可；如果是北美中部标准时间（美国/加拿大CST），则用'America/Chicago'，它还能自动处理夏令时切换。

示例代码：

// 配置CST时区的格式化规则（以中国CST为例）
const cstFormatter = new Intl.DateTimeFormat('en-US', {
  timeZone: 'Asia/Shanghai', // 替换成'America/Chicago'可切换北美CST
  year: 'numeric',
  month: '2-digit',
  day: '2-digit',
  hour: '2-digit',
  minute: '2-digit',
  hour12: true // 启用12小时制，自动生成AM/PM后缀
});

// 获取并格式化当前CST时间
const cstTime = cstFormatter.format(new Date());
console.log(cstTime); // 输出示例："09/15/2024, 04:12 PM"

如果需要适配不支持Intl.DateTimeFormat的旧浏览器，可以手动通过UTC时间偏移计算CST时间。以中国CST（UTC+8）为例：

function getFormattedCSTTime() {
  const now = new Date();
  // 获取UTC时间的核心参数
  let utcYear = now.getUTCFullYear();
  let utcMonth = now.getUTCMonth() + 1;
  let utcDate = now.getUTCDate();
  let utcHours = now.getUTCHours();
  const utcMinutes = now.getUTCMinutes();

  // 加上UTC+8的时区偏移，处理跨天/跨月/跨年情况
  utcHours += 8;
  if (utcHours >= 24) {
    utcHours -= 24;
    utcDate += 1;
    // 处理月末日期溢出
    const daysInMonth = new Date(utcYear, utcMonth, 0).getDate();
    if (utcDate > daysInMonth) {
      utcDate = 1;
      utcMonth += 1;
      // 处理年末月份溢出
      if (utcMonth > 12) {
        utcMonth = 1;
        utcYear += 1;
      }
    }
  }

  // 处理12小时制与AM/PM后缀
  let displayHours = utcHours;
  let suffix = 'AM';
  if (displayHours >= 12) {
    suffix = 'PM';
    displayHours = displayHours - 12;
  }
  if (displayHours === 0) {
    displayHours = 12;
  }

  // 补零处理
  const dd = utcDate < 10 ? `0${utcDate}` : utcDate;
  const mm = utcMonth < 10 ? `0${utcMonth}` : utcMonth;
  const minutes = utcMinutes < 10 ? `0${utcMinutes}` : utcMinutes;
  const hh = displayHours < 10 ? `0${displayHours}` : displayHours;

  // 拼接最终格式化字符串
  return `${mm}/${dd}/${utcYear}, ${hh}:${minutes} ${suffix}`;
}

// 使用示例
console.log(getFormattedCSTTime());

⚠️ 注意：如果是北美CST，时区偏移会在UTC-6（冬令时）和UTC-5（夏令时）之间切换，手动处理会非常繁琐，这种情况优先用方法一。

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