vue中时间 格式化展示

1moment

npm install moment 或者 yarn add moment

 <el-table-column label="添加时间">
     <template slot-scope="scope">
         <span>{{ moment(scope.row.create_time).format('YYYY-MM-DD HH:mm:ss') }}</span>
      </template>
 </el-table-column>
 
 
import moment from 'moment'
export default {
 methods: {
     moment,//注册方法 
 }

二  时间戳和时间相互转换moent.js
举例

时间：var time = new Date(); // Tue Aug 28 2018 09:16:06 GMT+0800 (中国标准时间)

时间戳：var timestamp = Date.parse(time); // 1535419062000 （Date.parse() 默认不取毫秒，即后三位毫秒为0）

moment转时间戳：moment(time).valueOf(); // 1535419062126

时间戳转moment：moment(timestamp).format(); // 2018-08-28T09:17:42+08:00

时间戳转时间进行格式化：moment(timestamp).format('YYYY-MM-DD HH:mm:ss');
 

2 全局过滤器处理时间

npm install moment --save

1main.js

import moment from 'moment'
设置过滤器  规定时间格式
Vue.filter('formatDate', (value) => {
  return moment(value).format('YYYY-MM-DD')
})
// 时间戳转化
Vue.prototype.$moment = moment

在vue 文件里使用

<template>
  <div>{{要转化的数据 | formatDate}}</div>
</template>

<script>
export default {
  name: 'riskList',
  data () {
    return {
      dataList: []
    }
  },
  methods: {}
}
</script>

3 过滤器

对数据进行格式化处理

 <div class="item">
        总销售额
        <div class='num'>{{ totalData.saleTotal | num }}</div>
        <div class="bottom">今日销售额：{{ totalData.sale | num }}</div>
      </div>
 
 
 
filters: {
    num(value) {//23466 -- 23,466
      if (!value) return;
      return value.toLocaleString();
    }
  }

数字.toLocaleString