Vue 2.x时间转换为北京时间(+8)

文章目录

• 当前时间格式效果图
• 理想时间格式效果图
• 转换方法
• 总结

当前时间格式效果图

非中国常用时间格式，在上图中给可以看到，选择的时间为：2024-8-26 ~ 2024-8-27，返回结果却是：2024-08-25TXX:XX:XXZ，明显不是我们想要的数据格式，那么我们怎么去转为我们想要的格式呢

理想时间格式效果图

这种才是我们想要的时间格式.

转换方法

那么是怎么做的呢，其实很简单，只需要使用一个方法即可。

<el-table-column prop="xxxx" label="执行时间" sortable width="180">
   <template slot-scope="{ row }">
     <span>{{ handleTime(row.xxxx) }}</span>
   </template>
</el-table-column>

    // 返回当前时间
    handleTime(time) {
      return moment(time).format("YYYY-MM-DD HH:mm:ss");
    },

总结

竟然如此简单，我还搞了20分钟。还是需要多学习！

共勉