已为小白,啥都不懂 2022-01-08 14:03 采纳率: 98%
浏览 107
已结题

后台返回时间戳,如何在列表中转换为日期格式

img

img

img

这个应该如何转换,后端返回的是个时间戳的格式,应该如何转为日期格式呢

  • 写回答

1条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-01-08 14:15
    关注
    {{formatDate(scope.row.order_date)}}
    
    
    methods:{
    formatDate(cellValue) {
      if (cellValue == null || cellValue == "") return "";
      var date = new Date(cellValue) 
      var year = date.getFullYear()
      var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
      var day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate() 
      var hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours() 
      var minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes() 
      var seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
      return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds
    }
    }
    

    不过推荐你将方法 封装到 utils.js 公有函数中 export暴露出来然后 在main.js 中 import 引入调用 如下

    img

    Vue.prototype.formatDate = formatDate

    img

    然后你就可以直接 不需要引用 在表格中调用方法即可

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题?

问题事件

  • 系统已结题 1月16日
  • 已采纳回答 1月8日
  • 创建了问题 1月8日

悬赏问题

  • ¥15 如何用Thoony写ESP32温湿度检测无源蜂鸣器报警代码?
  • ¥20 部件内部的CT图像数据集
  • ¥15 Visual studio调用动态库
  • ¥15 双目摄像头标定后的校准文件
  • ¥15 powerbi举证增加度量值后出现对应关系错乱
  • ¥30 频率分析法分析绘制奈奎斯特图、波特图
  • ¥15 弹出来一万个系统找不到指定的文件框框,怎么解决
  • ¥15 ADS生成的微带线为什么是蓝色空心的
  • ¥15 求一下解题思路,完全不懂
  • ¥15 tensorflow