时间戳转换成js格式
先下载插件 yarn add dayjs
在utils中创建formater.js
/**
* 时间戳转化为年 月 日 时 分 秒
* number: 传入时间戳
* format:返回格式,支持自定义,但参数必须与formateArr里保持一致
*/
function formatTime(number,format) {
var formateArr = ['Y','M','D','h','m','s'];
var returnArr = [];
var date = new Date(number * 1000);
returnArr.push(date.getFullYear());
returnArr.push(formatNumber(date.getMonth() + 1));
returnArr.push(formatNumber(date.getDate()));
returnArr.push(formatNumber(date.getHours()));
returnArr.push(formatNumber(date.getMinutes()));
returnArr.push(formatNumber(date.getSeconds()));
for (var i in returnArr)
{
format = format.replace(formateArr[i], returnArr[i]);
}
return format;
}
//数据转化
function formatNumber(n) {
n = n.toString()
return n[1] ? n : '0' + n
}
然后按需导入
/* 时间戳 */
import dayjs from 'dayjs'
import relativeTime from 'dayjs/plugin/relativeTime.js'
import 'dayjs/locale/zh-cn'
dayjs.extend(relativeTime)
import {formatTime} from '@/utils/formater.js'
然后定义一个变量
//时间戳
const _data=(row, column, cellValue, index)=>{
console.log(row, column, cellValue, index)
let time=formatTime(+row.createDate,'Y/M/D h:m:s')
//time 2021-7-18 12:00:00 2021/7/18 12:00:00
return dayjs('2021/7/18 20:00:00').locale('zh-cn').fromNow()
}
然后在body中引用
:formatter="_data"
记得return _data
效果: