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

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

# 功能需求： #

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/, "");

# 总结： #

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

发表评论取消回复

表情：

评论列表（有 0 条评论，134人围观）

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

相关阅读

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

功能需求： VUE-日期选择器，返回的时间为UTC格式：Thu Oct 03 2019 00:00:00 GMT+0800 (中国标准时间)，我们需要将UTC时间格式转换

古城微笑少年丶/ 2023年08月17日 17:46/ 0 赞/ 135 阅读

相关 VUE-日期选择器-结束时间>开始时间

功能要求：限制结束时间选择范围，结束时间能够选择的起始日期，随着开始时间的选择而变化，也就是保证结束时间时钟>=开始时间。 ![watermark_type_ZmFu

女爷i/ 2023年08月17日 17:46/ 0 赞/ 159 阅读

相关时间日期格式转换

时间日期格式转换 Time Limit: 1000 ms Memory Limit: 65536 KiB Submit Statistic Problem Desc

古城微笑少年丶/ 2022年05月27日 07:38/ 0 赞/ 480 阅读

相关时间日期格式转换

Time Limit: 1000 ms Memory Limit: 65536 KiB Submit Statistic Discuss Problem Descrip

红太狼/ 2022年05月26日 12:47/ 0 赞/ 422 阅读

相关时间日期格式转换

Time Limit: 1000 ms Memory Limit: 65536 KiB Problem Description 对于日期的常用格式，在中国常采用格式的是“

骑猪看日落/ 2022年05月25日 11:13/ 0 赞/ 355 阅读

相关 vue Element UI 日期时间选择器获取格式问题

问题：在使用element ui的时候由于是表单提交，所以使用了rule规则验证。如下： <el-date-picker v-model="form.leaveTim

淡淡的烟草味﹌/ 2022年05月21日 00:09/ 0 赞/ 266 阅读

相关 UTC时间转换为本地时间格式

参考一： new Date('2018-08-06T10:00:00.000Z').toLocaleString().replace('上午', 'AM 0').replac

偏执的太偏执、/ 2022年04月24日 06:08/ 0 赞/ 567 阅读

相关时间日期格式转换

Problem Description 对于日期的常用格式，在中国常采用格式的是“年年年年/月月/日日”或写为英语缩略表示的”yyyy/mm/dd”，此次编程竞赛的启动日期“

拼搏现实的明天。/ 2022年04月15日 06:49/ 0 赞/ 469 阅读

相关 Java将UTC格式时间转换为北京时间

UTC时间格式有很多，需要辨清自己是属于哪种格式，否则会出错 / RFC 1123 with 2-digit Year /"EEE, dd MMM yy HH:m

缺乏、安全感/ 2021年09月28日 17:46/ 0 赞/ 3069 阅读

相关 element ui日期选择器datepicker格式转换

传递参数时需要转换格式为 “yyyy-MM-dd” 而用element ui日期选择器，默认的格式是 Thu Dec 17 2020 00:00:00 GMT+0800

末蓝、/ 2021年07月25日 18:28/ 1 赞/ 721 阅读