在Moment.js中如何使用encodeURIComponent()？功能解析与实操问询

嘿，我来帮你理清楚这个问题～首先得纠正一个小误解：encodeURIComponent()并不是Moment.js专属的方法，它是JavaScript原生的全局函数，专门用来对URI的组成部分进行编码——把冒号、空格、斜杠这类特殊字符转换成对应的百分号编码（比如:转成%3A，空格转成%20），这样在URL里传递参数时就不会出现解析错误。

你的现有代码解析 #

你当前的代码直接对ISO格式的时间字符串使用encodeURIComponent()，逻辑是完全通顺的：

var input = '2015-07-13T22:00:00Z';
var output = encodeURIComponent(input);
console.log(output); // 输出：2015-07-13T22%3A00%3A00Z

这段代码不需要依赖Moment.js就能正常运行，因为encodeURIComponent()是JS自带的工具。

如何结合Moment.js使用encodeURIComponent() #

如果你的场景是需要先用Moment.js处理时间（比如格式化、转换时区、生成特定格式的时间字符串），再对处理后的结果进行编码，只需要分两步走：

1. 用Moment.js创建或处理时间对象，输出你需要的时间字符串
2. 把这个字符串传入原生的encodeURIComponent()函数即可

举几个实用的例子：

例子1：格式化时间后编码 #

// 用Moment.js解析时间并格式化为自定义格式
const momentTime = moment('2015-07-13T22:00:00Z');
const formattedStr = momentTime.format('YYYY-MM-DD HH:mm:ss');
// 对格式化后的字符串编码
const encodedStr = encodeURIComponent(formattedStr);
console.log(encodedStr); // 输出：2015-07-13%2022%3A00%3A00

例子2：直接编码Moment生成的ISO字符串 #

如果还是需要ISO格式的编码结果，也可以直接让Moment生成ISO字符串后编码：

const encodedIsoStr = encodeURIComponent(moment('2015-07-13T22:00:00Z').toISOString());
console.log(encodedIsoStr); // 输出：2015-07-13T22%3A00%3A00Z

简单来说，Moment.js负责搞定时间的各种处理需求，encodeURIComponent()负责搞定字符串的URL编码需求，两者搭配使用的逻辑就是“先处理时间得到字符串，再编码字符串”。

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