安装moment.js

npm install moment --save

全局过滤器

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>

全局方法(在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

Logo

前往低代码交流专区

更多推荐