1. 程式人生 > 其它 >vue轉換表格資料中的時間戳

vue轉換表格資料中的時間戳

技術標籤:Vue前端vue

在使用vue做表格時,後端傳過來的時間資料是時間戳的格式,需要將其轉換後顯示。

在這裡插入圖片描述

時間戳資料存放於res.data.goods[i].add_time中,以下為具體轉換步驟:

1.在methods中新增時間戳轉換方法;

    // 時間戳轉換
    timestampToTime(timestamp) {
      var date = new Date(timestamp * 1000) //時間戳為10位需*1000,時間戳為13位的話不需乘1000
      var Y = date.getFullYear() + '-'
      var M =
        (
date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-' var D = date.getDate() + ' ' var h = date.getHours() + ':' var m = date.getMinutes() + ':' var s = date.getSeconds() return Y + M + D + h + m + s }

2.在獲取列表資料方法中遍歷goods

,並將其作為timestapToTime方法的值傳入;然後再將轉換後的值替換原本的add_time

      for (let item of res.data.goods) {
        item.add_time = this.timestampToTime(item.add_time)
      }

在這裡插入圖片描述
此時就轉換成功了。

#參考
1.vue 時間戳轉換