美文网首页
vue使用moment

vue使用moment

作者: 秀萝卜 | 来源:发表于2020-08-10 11:53 被阅读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/mcaddktx.html