封装moment.js并处理时间戳格式数据

最新推荐文章于 2023-08-22 11:02:52 发布

01_Carrortwhisker

最新推荐文章于 2023-08-22 11:02:52 发布

阅读量291

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/a982160311/article/details/120268348

版权

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在JavaScript中使用moment.js库来格式化和处理时间戳。通过封装`timeUtil.js`模块，提供`formatDateTime`和`formatDate`两个函数，方便在项目中统一时间显示。此外，还展示了在实际业务场景中，如获取订单列表时，如何遍历并转换时间戳为易读格式。不封装方法的情况下，直接调用moment进行时间格式化也是可行的。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

moment.js官方文档

官方文档

安装（npm）

	npm install moment --save   # npm

封装

timeUtil.js

function formatDateTime(timestamp) {
    return moment(Number(timestamp)).format('YYYY-MM-DD HH:mm:ss');
}

function formatDate(timestamp) {
    return moment(Number(timestamp)).format('YYYY-MM-DD');
}

引入timeUtil

    import timeUtil from "../../utils/modules/timeUtil";

这里以获取列表数据业务为例，使用forEach循环处理

  //循环处理时间戳
  this.orderList.forEach(item => {
      if (item) {
		item.createTime = timeUtil.formatDateTime(moment(item.createTime))
     		if (item.createTime === 'Invalid date') {
          		 item.createTime = '无'
                                }
                            }
                        })

不封装方法

引入moment

    import moment from "moment";

处理时间戳

	this.time = moment(this.time).format('YYYY-MM-DD HH:mm:ss');