美文网首页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