在vue项目中使用moment.js(时间格式化)

1.安装moment.js

npm install moment --save

方式1 ：定义一个全局的过滤器

main.js中

import moment from 'moment'
//定义一个全局过滤器实现日期格式化
Vue.filter('datefmt',function (input,fmtstring) {//当input为时间戳时，需转为Number类型
  // 使用momentjs这个日期格式化类库实现日期的格式化功能
  return moment(input).format(fmtstring);
});

vue文件中使用：

<p class="subtitle">
     <span>发表时间：{{ createTime | datefmt('YYYY-MM-DD HH:mm:ss')}}</span>   
 </p>

方式2：全局方法（在vue实例挂载moment方法）

main.js中

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

在vue文件中使用：

const createDate = this.$moment(this.createTime).format('YYYY-MM-DD') //2019-04-11