前端代码
我在项目中前端用的是element admin
<el-table-column label="创建时间" align="center" prop="createtime">
<template slot-scope="scope">
<div>{{handleDate(scope.row.createtime)}}</div>
<div>{{handleTime(scope.row.createtime)}}</div>
</template>
</el-table-column>
handleDate(timestamp){
var date = new Date(timestamp);//时间戳为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() < 10 ? '0'+date.getDate() : date.getDate());
return Y+M+D;
},
handleTime(timestamp){
var date = new Date(timestamp);//时间戳为10位需*1000,时间戳为13位的话不需乘1000
var h = (date.getHours() < 10 ? '0'+date.getHours() : date.getHours()) + ':';
var m = (date.getMinutes() < 10 ? '0'+date.getMinutes() : date.getMinutes()) + ':';
var s = (date.getSeconds() < 10 ? '0'+date.getSeconds() : date.getSeconds());
return h+m+s;
}
效果如下:
如果后端传入的是Date类型,也可以做时间转换