1. 程式人生 > 實用技巧 >elementui 時間戳和後臺配合

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>