后端返回带T时间格式
目录
后端返回带T时间格式
方案一:
- 关于后端返回时间格式带T问题
- 有时候后端在返回时间数据的时候会格式化一次,前端接收到的数据就是带T格式的,页面展示的时候肯定不要这个带T的,所以需要我们处理一下在进行展示
- 这个是返回数据的效果图(带T的)
- 我用的elementUI的表格组件,里边有formatter属性,借助这个属性将T替换掉。
- 可以直接看代码
<el-table-column align="center" prop="lastSyncTime" label="最新同步时间" show-overflow-tooltip :formatter="formatter"/> // 借助formatter对该列数据进行编写
methods:{ formatter (row) { const zoneDate = new Date(row.lastSyncTime).toJSON() const date = new Date(+new Date(zoneDate) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/[\d]{3}Z/, '') return date } }
方案二
- 利用replace去除T用空格代替 可以用v-if判断一下
<el-table-column align="center" label="最新同步时间" show-overflow-tooltip> <template v-slot="{row}"> <span v-if="row.lastSyncTime!==null">{{row.lastSyncTime.replace('T',' ')}}</span> <span v-else>{{row.lastSyncTime}}</span> </template> </el-table-column>