Moment.js中.format()处理Zulu时间的异常问题及优化方案咨询

首先，我们来拆解你遇到的三个核心问题：

1. 格式符大小写导致输出差异的原因 #

Moment.js的格式符是严格区分大小写的，你用错了几个关键格式符，这直接导致输出不符合预期：

• MM：代表月份（01-12），不是分钟！你第二个格式串里把分钟位置写成了MM，所以输出里的05其实是原日期的5月，而非分钟01。
• mm：才是分钟（00-59），这个在你第一个格式串里是正确的。
• ss：代表秒（00-59），小写的s系列不表示毫秒。
• SSS：代表毫秒（000-999），这是唯一正确的毫秒格式符；你第一个格式串里的.sss会被Moment误解，把秒的数值重复解析，所以出现了01.011这种错误输出。

你的两个错误格式串：

• YYYY-MM-DDTHH:mm:ss.sss：.sss无效，应替换为.SSS
• YYYY-MM-DDTHH:MM:SS.SSS：MM是月份、SS是毫秒前两位，完全用错了位置

2. 你的预期输出是否正确？ #

你的预期输出完全正确！UTC时间2018-05-30T15:01:01.111Z转换到+1时区（从输出的16点反推）的本地时间，确实应该是2018-05-30T16:01:01.111，你对UTC转本地时间的理解没有问题，只是格式符用错了。

3. 正确的实现方法（含更优方案） #

方案1：修正Moment.js的格式串 #

使用正确的格式符即可得到预期结果：

var moment = require('moment');
var timestamp = new Date('2018-05-30T15:01:01.111Z');

// 正确格式串：HH(24小时制小时)、mm(分钟)、ss(秒)、SSS(毫秒)
console.log(moment(timestamp).format('YYYY-MM-DDTHH:mm:ss.SSS'));
// 输出：2018-05-30T16:01:01.111

方案2：原生JavaScript实现（无需依赖库） #

如果你不想依赖Moment.js，可以用原生Date对象结合字符串拼接实现，更轻量：

const timestamp = new Date('2018-05-30T15:01:01.111Z');

// 获取本地时间各部分并补零到指定位数
const year = timestamp.getFullYear();
const month = String(timestamp.getMonth() + 1).padStart(2, '0');
const day = String(timestamp.getDate()).padStart(2, '0');
const hours = String(timestamp.getHours()).padStart(2, '0');
const minutes = String(timestamp.getMinutes()).padStart(2, '0');
const seconds = String(timestamp.getSeconds()).padStart(2, '0');
const milliseconds = String(timestamp.getMilliseconds()).padStart(3, '0');

const localTimeStr = `${year}-${month}-${day}T${hours}:${minutes}:${seconds}.${milliseconds}`;
console.log(localTimeStr);
// 输出：2018-05-30T16:01:01.111

方案3：使用Day.js（轻量替代Moment） #

Day.js是Moment的轻量替代，API几乎一致，体积仅为Moment的1/20：

const dayjs = require('dayjs');
const timestamp = new Date('2018-05-30T15:01:01.111Z');

console.log(dayjs(timestamp).format('YYYY-MM-DDTHH:mm:ss.SSS'));
// 输出：2018-05-30T16:01:01.111

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