React Native中如何格式化MongoDB返回的日期数据？

看起来你遇到的是UTC日期字符串转本地时区后的展示问题——MongoDB返回的是带Z后缀的UTC标准时间，new Date()会自动将其转换为你的本地时区（CST+8），所以直接打印会看到偏移后的时间。下面分几种场景给你解决方案：

1. 保留UTC时区的原始时分（不转本地时区） #

如果你想展示MongoDB返回的UTC时间本身，比如原字符串里的11:00、13:00，可以用Date对象的UTC相关方法来获取：

// 示例：处理单个日期字符串
const utcDateStr = "2018-05-05T11:00:00.000Z";
const date = new Date(utcDateStr);

// 获取UTC小时和分钟，补零保证两位数
const utcHour = date.getUTCHours().toString().padStart(2, '0');
const utcMinute = date.getUTCMinutes().toString().padStart(2, '0');

// 拼接成你需要的格式
const formattedUTCTime = `${utcHour}:${utcMinute}`;
console.log(formattedUTCTime); // 输出 "11:00"

// 如果需要完整的UTC日期时间格式
const formattedUTCDate = date.toISOString().slice(0, 16).replace('T', ' ');
console.log(formattedUTCDate); // 输出 "2018-05-05 11:00"

2. 按本地时区（CST+8）格式化时间 #

如果你希望展示转换后的本地时区时间（比如你console里看到的19:00、21:00），可以用本地时区的方法，或者用更灵活的Intl.DateTimeFormat：

const utcDateStr = "2018-05-05T11:00:00.000Z";
const date = new Date(utcDateStr);

// 方法1：手动获取本地时分
const localHour = date.getHours().toString().padStart(2, '0');
const localMinute = date.getMinutes().toString().padStart(2, '0');
const formattedLocalTime = `${localHour}:${localMinute}`;
console.log(formattedLocalTime); // 输出 "19:00"

// 方法2：用Intl.DateTimeFormat生成更规范的格式（支持多语言、自定义格式）
const formattedFullLocalDate = new Intl.DateTimeFormat('zh-CN', {
  year: 'numeric',
  month: '2-digit',
  day: '2-digit',
  hour: '2-digit',
  minute: '2-digit',
  // 可以指定时区，不指定则自动用本地时区
  timeZone: 'Asia/Shanghai'
}).format(date);
console.log(formattedFullLocalDate); // 输出 "2018/05/05 19:00"

3. 批量处理日期数组 #

如果你的日期是数组形式，可以用map批量处理：

const dateStrs = [
  "2018-05-05T11:00:00.000Z",
  "2018-05-05T13:00:00.000Z",
  "2018-05-05T17:10:00.000Z"
];

// 批量转UTC时分格式
const formattedUTCTimes = dateStrs.map(str => {
  const date = new Date(str);
  return `${date.getUTCHours().toString().padStart(2, '0')}:${date.getUTCMinutes().toString().padStart(2, '0')}`;
});
console.log(formattedUTCTimes); // 输出 ["11:00", "13:00", "17:10"]

补充说明 #

你之前console.log(thedate)看到的本地时区时间是正常现象——Date对象内部存储的是UTC时间戳，当你直接打印时，JS会自动转换为当前环境的本地时区展示，这并不代表解析出错，只是展示方式的问题。

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