美文网首页vue
vue 中使用moment.js(时间格式化插件)

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

作者: MT659 | 来源:发表于2021-06-25 04:20 被阅读0次

安装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

相关文章

网友评论

    本文标题:vue 中使用moment.js(时间格式化插件)

    本文链接:https://www.haomeiwen.com/subject/eqpyyltx.html