elementui 时间戳和后台配合

保存时间

前端post传参,传时间戳

获取列表

后台返参

{
    "code":200,
    "data":{
        "list":[
            {
                "id":1,
                "cardSn":"VIP1NPY7QEFQH9CN",
                "name":"体验会员",
                "goodsSn":"yttvip001",
                "userLevel":1,
                "activationUid":100000156,
                "activationTime":"2020-07-15T20:47:58+08:00",
                "createBy":"1",
                "updateBy":"1",
                "isUse":1,
                "time_start":"2020-07-14T17:36:03+08:00",
                "time_end":"2021-07-14T17:36:10+08:00",
                "status":1,
                "dataScope":"",
                "params":"",
                "deletedAt":null,
                "create_time":1594719428,
                "update_time":1594719428,
                "activationUidName":"",
                "createByName":"admin"
            }
        ],
        "count":9,
        "pageIndex":1,
        "pageSize":10
    },
    "msg":""
}

页面渲染

  <el-table-column label="激活时间" align="center" prop="activationTime" width="200">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.activationTime) }}</span> #parseTime调用的element底层包里的函数把 2020-07-14T17:36:03+08:00 解析成 2020-07-14 17:36:03 08:00
        </template>
  </el-table-column>    
  <el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" width="160">
        <template slot-scope="scope">
          <span>{{ formatDate(scope.row.createTime) }}</span>  #formatDate调用下面自己封闭的函数把时间戳解析成字符串
        </template>
  </el-table-column>


<script>
// 日期格式化  time=1551334252272; //定义一个时间戳变量 返回2020-6-20 08:06:50
export function formatDate(time) {
  if (time.length === 0 || time === 0) {
    return ""
  }
  let d=new Date(time*1000);
  let timeObject = new Date(d);   //创建一个指定的日期对象
  let year = timeObject.getFullYear();  //取得4位数的年份
  let month = timeObject.getMonth() + 1;  //取得日期中的月份，其中0表示1月，11表示12月
  let date = timeObject.getDate();      //返回日期月份中的天数（1到31）
  let hour = timeObject.getHours();     //返回日期中的小时数（0到23）
  let minute = timeObject.getMinutes(); //返回日期中的分钟数（0到59）
  let second = timeObject.getSeconds(); //返回日期中的秒数（0到59）
  return year + "-" + p(month) + "-"+ p(date) + " " + p(hour) + ":" + p(minute) + ":" + p(second);
}

//创建补0函数
function p(s) {
  return s < 10 ? '0' + s: s;
}
</script>