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

功能需求：

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

代码展示：

        <label class="fromlift">结束时间：</label>
        <DatePicker
          v-model="delayNegotiateModel.delayTime"
          type="date"
          placeholder="结束时间"
          :editable="false"
          style="width: 150px"
        ></DatePicker>

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

      //UTC时间格式.toJSON()后格式：2019-10-14T16:00:00.000Z
       let delayTime = new Date(this.delayNegotiateModel.delayTime).toJSON();

       //UTC时间格式.toJSON().split('T')[0]截取后格式：2019-10-14
       let delayTime = new Date(this.delayNegotiateModel.delayTime).toJSON().split('T')[0];

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

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

总结：

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