vue使用moment.js处理时间格式

moment.js 是一个 JavaScript 日期处理类库。

安装

npm install moment --save 
或
yarn add moment

  

main.js中全局使用

import Moment from 'moment';
//定义全局时间过滤器
Vue.filter('comverTime',function(data,format){
  return Moment(data).format(format);
});

template结构中使用

<el-table-column prop="bulletinTime" label="登记时间">
        <template slot-scope="scope">
              <p v-if="scope.row.bulletinTime!= null">{{scope.row.bulletinTime | comverTime('YYYY-MM-DD')}}</p>
              <p v-else></p>
        </template>
</el-table-column>

  

  

posted @ 2020-12-02 14:48  紫诺花开  阅读(572)  评论(0编辑  收藏  举报