关于moment时区的问题？

Question

在vue的项目中使用的moment.js。但是存在时区问题，后端已经处理了时间，使用moment的时候又加了8小时，想问一下怎么修改。如下图

这是template的代码

<el-table-column prop="type" label="计划完成日期" align="center">
    <template slot-scope="scope">
      <span>{{scope.row.EndDate | moment("YYYY-MM-DD")}}</span>
    </template>
  </el-table-column>

在main.js中的引入

Vue.use(require('vue-moment'));

想问一下大佬需要怎么改，非常感谢

Answer 1

后台虽然转格式了，但转换后的时间格式放到前台并不好处理，当然借助插件方便不少
①因为返回的是UTC时间(具体定义移步 什么是UTC时间?)，所以有时差，实际的时间应该是UTC时+当前时差

②知道了第一点后,那么moment.js自然就会按照你给出的UTC时间解析出来,自然会+8小时,当然也可以按照 @asseek 那样的做法只显示UTC时而不做地区的转换

所以代码是没问题的，显示的结果还是得看你的需求的。如果你需要让使用者自己去算时差，那么就用UTC时也没什么问题

Answer 2

有啥毛病

Answer 3

这不是 moment.js 的问题吧，
moment().format() 就知道是不是与你当前的系统时间相同了
检查后端的日期时区是否有设置为 UTC

Answer 4

后端为什么要去处理时区问题呢？要么直接处理成format好的字符串，要么就直接把UTC时间交给前端不行吗？

moment(data).utc().format('YYYY-MM-DD HH:mm:ss')

虽然你可以通过这样的处理拿到想要的时间，但其实原因是后端这样提供过来的时间就是不对的