VUE-日期选择器-UTC时间格式转换

古城微笑少年丶 2023-08-17 17:46 189阅读 0赞

功能需求：

VUE-日期选择器，返回的时间为UTC格式：Thu Oct 03 2019 00:00:00 GMT+0800 (中国标准时间)，我们需要将UTC时间格式转换成我们需要的格式，例如：2019-09-30 05:12:30 ，或者：2019-09-30

代码展示：

  1. <label class="fromlift">结束时间：</label>
  2.         <DatePicker
  3.           v-model="delayNegotiateModel.delayTime"
  4.           type="date"
  5.           placeholder="结束时间"
  6.           :editable="false"
  7.           style="width: 150px"
  8.         ></DatePicker>

时间格式转化成 YYYY-AA-BB ：

  1. //UTC时间格式.toJSON()后格式：2019-10-14T16:00:00.000Z
  2.        let delayTime = new Date(this.delayNegotiateModel.delayTime).toJSON();
  4.        //UTC时间格式.toJSON().split('T')[0]截取后格式：2019-10-14
  5.        let delayTime = new Date(this.delayNegotiateModel.delayTime).toJSON().split('T')[0];

时间格式转化成 YYYY-AA-BB cc:dd:ee

  1. // UTC时间格式转换——2019-10-14 12:20:12
  2.         let delayTime = new Date(this.delayNegotiateModel.delayTime).toJSON();
  3.        this.delayNegotiateModel.delayTime = new Date(
  4.           +new Date(delayTime) + 8 * 3600 * 1000
  5.         )
  6.           .toISOString()
  7.           .replace(/T/g, " ")
  8.           .replace(/\.[\d]{3}Z/, "");

总结：

在我们的项目中，无论前后端，有关时间格式的转化是经常要用到的，当我们遇到时，不能只是摘抄别人的代码得到最终的时间格式。我们应该学习原来的时间格式是怎样一步步转换，截取，组合而来的，只有这样，当转换出问题或者要求格式改变的时候，我们才能迅速找到解决问题的方法。

发表评论

表情：
评论列表 （有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读