vue2.0中如何将时间搓格式化（moment.js）

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

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

一、全局使用

1、安装

npm install moment --save

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

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

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

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

 

二、局部使用

1、安装

npm install moment --save

2、在所用的.vue文件中的script标签内引入以下代码

import moment from 'moment'
export default{
3   filters:{//自定义的过滤器
4       moment(date){
5           return moment(date).format('YYYY/DD/MM');
      }
  }
}

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

<template>
2     <div v-for="item in datas">
3        <span>{{parseInt(item.createtime) | moment }}</span>
4     </div>
5 </template>

注： 如果上面代码中 item.createtime 是字符串，一定要将其转化为整数。否则，就会报错，如下