vue

vue 中使用moment.js(时间格式化插件)

2021-06-25  本文已影响0人  MT659

安装moment.js

npm install moment --save

全局过滤器

// main.js

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

// template.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

// template.vue
const createDate = this.$moment(this.createTime).format('YYYY-MM-DD') //2019-04-11
上一篇 下一篇

猜你喜欢

热点阅读