场景
前端使用el-table查询到后台的数据的某一列时间列默认是标准UTC格式,如果想按照自己想显示的格式获取年月日和时分秒进行显示怎么办。
注:
博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。
实现
在此列上添加template,显示的内容调用函数parseDateFull,参数为后台返回的时间。
<el-table-column label="处理时间" align="center" prop="clsj" width="180" > <template slot-scope="scope"> <span>{{ parseDateFull(scope.row.clsj) }}</span> </template> </el-table-column>
然后定义函数parseDateFull的实现
parseDateFull(time) { var x = new Date(time); var z = { y: x.getFullYear(), M: x.getMonth() + 1, d: x.getDate(), h: x.getHours(), m: x.getMinutes(), s: x.getSeconds(), }; if (z.M < 10) { z.M = "0" + z.M; } if (z.d < 10) { z.d = "0" + z.d; } if (z.h < 10) { z.h = "0" + z.h; } if (z.m < 10) { z.m = "0" + z.m; } return z.y + "-" + z.M + "-" + z.d + " " + z.h + ":" + z.m ; }
效果
博客园:
https://www.cnblogs.com/badaoliumangqizhi/
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。