深入探究Moment.js中的moment.format

一、传递秒数

我们知道，在JavaScript中创建日期对象的方式有多种，其中一种是将时间戳传递给Date构造函数。在Moment.js中也提供了相应的接口来构造Moment对象。使用moment.unix(timestamp)函数可以创建一个将时间戳转换为UTC日期的Moment对象。

使用moment.format函数可以将日期对象格式化为字符串。当我们传递参数作为第一个参数时，Moment.js会根据格式字符串自动将日期对象转换为本地时间。下面是一个示例，我们将时间戳转换为对应的日期和时间字符串：

const timestamp = 1499392237;
const date = moment.unix(timestamp);
const dateString = date.format('YYYY-MM-DD HH:mm:ss');
console.log(dateString); // Output: 2017-07-07 07:10:37

在上面的代码中，我们使用moment.unix函数创建了一个日期对象，使用format函数将日期转换为日期字符串。format函数的参数是一个格式字符串，它将会根据该格式字符串来转换日期对象。在这个示例中，我们使用了’YYYY-MM-DD HH:mm:ss’这个格式字符串来将日期对象转换为2017-07-07 07:10:37这个字符串。

二、格式化日期和时间字符串

使用moment.format函数可以将日期对象转换为字符串，格式字符串就是将日期对象转换为字符串时所需的模板。下面是Moment.js支持的所有格式化字符串的列表：

Year: YYYY (eg 2019)
Month: MM (eg 07)
Day of Month: DD (eg 23)
Hour: HH (eg 14)
Minute: mm (eg 28)
Second: ss (eg 45)
Timezone offset: Z or ZZ (eg +0600)
AM/PM: A (eg PM)
Unix timestamp: X (eg 1563454556)

下面是一个格式化示例，将日期对象转换为YY年MM月DD日格式的字符串：

const date = moment('2019-07-23T14:28:45.000Z');
const dateString = date.format('YY年MM月DD日');
console.log(dateString); // Output: 19年07月23日

在上面的代码中，我们使用moment函数创建一个Moment对象，使用format函数将日期对象转换为19年07月23日这样的字符串。

三、应用Moment.js内置的格式常量

Moment.js提供了一些内置的格式常量，可以使开发者更容易的格式化日期。这些常量包括：

moment.ISO_8601：标准的ISO8601日期格式（eg “2013-02-08T09:30:26.123Z”）
moment.RFC_2822：RFC 2822日期格式（eg “Fri, 08 Feb 2013 09:30:26 GMT”）
moment.DATETIME_LOCAL：用于表单的本地日期时间（eg “2013-02-08T09:30″）
moment.DATETIME_LOCAL_SECONDS：用于表单的本地日期时间，包括秒数（eg “2013-02-08T09:30:26″）
moment.DATE：日期部分（eg “2013-02-08″）
moment.TIME：时间部分（eg “09:30:26″）

下面是一个使用moment.ISO_8601的示例：

const date = moment('2013-02-08T09:30:26.123Z');
const dateString = date.format(moment.ISO_8601);
console.log(dateString); // Output: 2013-02-08T09:30:26.123Z

四、其他格式化字符串的应用

除了常用的日期格式外，Moment.js还提供了许多其他日期和时间格式。下面是一些实用的示例：

1. 格式化时间差

Moment.js提供了fromNow函数，可以将日期格式化为“多少时间前”的格式，非常适合显示文章的发表时间、评论的留言时间等。下面是一个示例：

const date = moment('2021-09-01T12:00:00');
const fromNowString = date.fromNow();
console.log(fromNowString); // Output: in 2 days

2. 格式化时区

当我们需要知道本地时间和UTC时间之间的偏移量时，可以使用z或者Z格式。下面是一个示例：

const date = moment('2021-09-01T12:00:00+08:00');
const timezoneOffset = date.format('Z');
console.log(timezoneOffset); // Output: +08:00

3. 格式化星期几

Moment.js可以使用’dddd’格式来格式化星期几，下面是一个示例：

const date = moment('2021-09-01');
const weekdayString = date.format('dddd');
console.log(weekdayString); // Output: Wednesday

4. 格式化季度

Moment.js可以使用’Q’格式来格式化季度，下面是一个示例：

const date = moment('2021-09-01');
const quarterString = date.format('Q');
console.log(quarterString); // Output: 3

结语

Moment.js是一个非常受欢迎的JavaScript日期处理库，它提供了很多实用的API，方便我们处理日期和时间。本文介绍了Moment.js中的moment.format函数，通过多个方面的详细阐述，展示了Moment.js中格式化方法的灵活性和强大功能。希望这篇文章可以帮助读者更好的理解moment.format函数的应用。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/303663.html