一、传递秒数
我们知道,在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函数的应用。