elementui 時間戳和後臺配合
阿新 • • 發佈:2020-07-18
儲存時間
前端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>