美文网首页
vue使用moment时间格式化

vue使用moment时间格式化

作者: Mracale | 来源:发表于2022-04-06 13:49 被阅读0次

安装: cnpm i moment --save

1.过滤器使用

main.js引入:
import moment from 'moment'
Vue.filter('datefmt',function (input,fmtstring) {//当input为时间戳,需转为Number类型
     if(input){
        return moment(input).format(fmtstring);
    }else{
        return "";
    }
});

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

2.vue文件中使用

main.js引入:
import moment from 'moment'
Vue.prototype.$moment = moment

vue文件中:
const createDate = this.$moment(this.createTime).format('YYYY-MM-DD') 

相关文章

网友评论

      本文标题:vue使用moment时间格式化

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