moment.utc显示数据库日期为前一天的问题及替代方案

这个问题我之前也碰到过，大概率是格式解析歧义或者时区处理错误导致的，我来给你拆解一下解决方案：

1. 明确指定解析格式（最稳妥的方法） #

moment的自动解析有时候会对'31-MAR-20'这种非标准ISO格式的字符串产生歧义，你需要明确告诉它输入的格式是DD-MMM-YY，避免解析错误：

// 指定输入格式为DD-MMM-YY，并按UTC解析
moment.utc(data['dateString'], 'DD-MMM-YY').format('DD-MMM-YYYY');

这样moment会严格按照你定义的格式解析日期，就能得到正确的31-Mar-2020。

2. 区分本地时间和UTC时间 #

如果你的数据库存储的'31-MAR-20'是本地时间而非UTC时间，那你不应该用moment.utc()来解析，而是直接解析为本地时间后格式化：

// 按本地时间解析，再格式化
moment(data['dateString'], 'DD-MMM-YY').format('DD-MMM-YYYY');

如果需要把本地时间转成UTC时间展示，可以这样写：

moment(data['dateString'], 'DD-MMM-YY').utc().format('DD-MMM-YYYY');

原生JS完全可以搞定，我给你两种方案：

方法1：手动解析+Intl格式化（兼容性好） #

这种方法适合需要兼容旧浏览器的场景，手动拆分日期部分再构造Date对象：

function formatDate(dateStr) {
  // 拆分日期字符串：['31', 'MAR', '20']
  const [dayStr, monthStr, yearStr] = dateStr.split('-');
  
  // 处理年份：两位转四位（20→2020，99→1999）
  const yearNum = parseInt(yearStr, 10);
  const fullYear = yearNum >= 50 ? 1900 + yearNum : 2000 + yearNum;
  
  // 月份缩写转数字（注意JS的月份是0-based）
  const monthMap = {
    JAN: 0, FEB: 1, MAR: 2, APR: 3, MAY: 4, JUN: 5,
    JUL: 6, AUG: 7, SEP: 8, OCT: 9, NOV: 10, DEC: 11
  };
  const monthNum = monthMap[monthStr.toUpperCase()];
  
  // 按UTC构造Date对象（如果是本地时间，直接用new Date(fullYear, monthNum, dayStr)）
  const date = new Date(Date.UTC(fullYear, monthNum, parseInt(dayStr, 10)));
  
  // 格式化日期为DD-MMM-YYYY
  const formatter = new Intl.DateTimeFormat('en-US', {
    day: '2-digit',
    month: 'short',
    year: 'numeric',
    timeZone: 'UTC' // 本地时间的话去掉这个配置
  });
  
  // 把格式化后的"Mar 31, 2020"转成目标格式
  return formatter.format(date)
    .replace(/(\w{3}) (\d{2}), (\d{4})/, '$2-$1-$3')
    .replace(/(\w{3})/, match => match.charAt(0).toUpperCase() + match.slice(1).toLowerCase());
}

// 使用示例
console.log(formatDate('31-MAR-20')); // 输出 "31-Mar-2020"

方法2：利用ISO字符串简化处理（现代浏览器友好） #

如果你的目标浏览器支持ES6+特性，可以用ISO字符串来简化解析：

function formatDate(dateStr) {
  const [day, month, year] = dateStr.split('-');
  const fullYear = year.length === 2 ? `20${year}` : year;
  // 构造UTC的ISO字符串：2020-MAR-31T00:00:00Z
  const isoStr = `${fullYear}-${month.toUpperCase()}-${day}T00:00:00Z`;
  const date = new Date(isoStr);
  
  // 格式化并转换格式
  return new Intl.DateTimeFormat('en-US', {
    day: '2-digit',
    month: 'short',
    year: 'numeric',
    timeZone: 'UTC'
  }).format(date)
    .replace(/(\w{3}) (\d{2}), (\d{4})/, '$2-$1-$3')
    .replace(/(\w{3})/, m => m.charAt(0).toUpperCase() + m.slice(1).toLowerCase());
}

你遇到的日期偏移主要是两个原因之一：

• moment自动解析时对'31-MAR-20'的格式识别有误，导致日期解析错误；
• 错误地将本地时间的日期用moment.utc()当作UTC时间解析，时区转换后出现日期偏移。

只要明确解析格式和时区，就能轻松解决这个问题~

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