方案一:

  • 关于后端返回时间格式带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>

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐