vue2.0有关时间戳时间的公共方法（YYYY-MM-DD HH:mm:ss，YYYY-MM-DD，HH:mm:ss，转化为 utc 时间，utc转标准时间，相对时间，日/月/年时:分:秒）

最新推荐文章于 2024-07-03 16:57:02 发布

原创

最新推荐文章于 2024-07-03 16:57:02 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #前端

本文介绍如何在Vue项目中全局及局部使用Moment.js处理日期时间。提供了安装步骤、全局引入方法，并展示了如何在模板中使用Moment.js格式化时间戳。

moment.js是一个javascript时间处理类库。它可以将时间搓格式化，使用起来很方便。下面是vue2.0中moment.js的使用步骤：

moment.js可以全局使用，也可以局部使用。

一、全局使用

1、安装

1 npm install moment --save

2、在main.js中添加下面的代码

1 import moment from 'moment'
2 Vue.prototype.moment = moment

3、在.vue文件中所需要的地方使用

1 <template>
2     <div v-for="item in datas">
3        <span>{
  
  {moment(parseInt(item.createtime)).format('YYYY/DD/MM')}}</span>
4     </div>
5 </template>

封装一下关于时间戳的公用方法

/* <pre>
  ====================================================================
  日期工具
  ====================================================================</pre>
  @author
 */
import moment from 'moment'

/**
 * 格式化时间为 YYYY-MM-DD HH:mm:ss 格式
 * @para