ant design vue 表格中时间戳转换成时间格式显示

原始数据表格如上图，因为接口传递过来的时间是10位int类型的时间戳格式，所以前端需要我们把时间格式化。

step1 安装moment

npm install moment --save

step2 在当前页面引入moment

import moment from 'moment'

step3 在表格中添加

{title: '打卡时间',dataIndex: 'checkin_on',customRender:(text,row,index)=>{return moment(text).format('YYYY-MM-DD')}
},

三步之后，我们的时间戳是转换成日期格式了，但有些人会发现问题。时间全部都是1970年。因为我们拿到的时间戳大多都是10位数，输出的是秒，所以把时间戳乘以1000就OK了。

customRender:(text,row,index)=>{return moment(text*1000).format('YYYY-MM-DD')
}

成功解决问题

另方法，也是网上查询得

<span slot="checkin_on" slot-scope="checkin_on">{{checkin_on | filterTime(checkin_on)}}</span>

{title: '打卡时间',dataIndex: 'checkin_on',scopedSlots: { customRender: 'checkin_on' },// customRender:(text,row,index)=>{//   return moment(text*1000).format('YYYY-MM-DD')// }
},

filters: {filterTime(checkin_on) {return moment(checkin_on*1000).format("YYYY-MM-DD");}
}

也可以实现转换

ant design vue 表格中时间戳转换成时间格式显示相关推荐

时间戳转换成时间格式
项目中,经常用到json格式的数据,时间类型的数据在json中往往以时间戳的形式传送,当,我们想要获取json数据中的时间数据的话,需要将时间戳转换成时间格式.我这里有两种转换时间戳的方法,分别为前台 ...
小程序时间戳转换成时间格式
在小程序根目录新建一个文件夹util,然后在其中建一个util.js //时间戳转换成日期时间 function js_date_time(unixtime) {var date = new Date ...
ant design vue表格列表时间戳转时间
import moment from 'moment' tableHeader: [{dataIndex: 'purchaseVoucherDate',title: '凭证日期', //'凭证日期', ...
mysql中时间戳转换成时间
SQL语句: select FROM_UNIXTIME(aa.CreateTime/1000, '%Y-%m-%d %H:%i:%S') as 创建时间 from table_name aa;
JS 时间戳转换成时间格式
function add0(m){return m<10?'0'+m:m }function format(shijianchuo){//shijianchuo是整数,否则要parseInt转换 ...
时间戳处理：vue中请求接口返回的数据将时间戳转换成时间并渲染到页面
问题: 今天遇到一个问题是,请求接口,返回了很多的时间戳数据.将时间戳转换成时间.并渲染到页面上.之前有篇文章讲的是单个时间戳的转换.这次是多个数据.我有点不知所措了. 分析: 经过思考,我们可以这样 ...
Ant Design Vue 表格筛选时只进行前台的按页筛选修改为后台的全局筛选
原因分析在我们使用 Ant Design Vue 表格筛选功能时会发现,如果只是按照例子来,只是前端的按页筛选,并不能都进行全局筛选,原因有两点: 1.我们筛选的时候,只是进行前端的数据过滤,并没有 ...
php时间戳转换成时间的方法
php时间戳转换成时间的方法在php中将时间戳转换成时间的方法,可以通过调用php内置函数"date()"来实现,该函数的语法为"date(format,timesta ...
Java如何把UNIX时间戳转换成日期格式-日期格式转化时间戳戳-当前时间戳
开发中,经常需要把UNIX时间戳通过日期格式显示出来,如下可以输出日期格式 package com.self.date;import java.util.Date; import java.text. ...

ant design vue 表格中时间戳转换成时间格式显示

ant design vue 表格中时间戳转换成时间格式显示

step1 安装moment

step2 在当前页面引入moment

step3 在表格中添加

ant design vue 表格中时间戳转换成时间格式显示相关推荐

最新文章

热门文章