关于ELement UI时间控件el-date-picker误差8小时的问题

问题

前端使用框架与UI：Vue+ElementUI。
在项目开发中使用到了DateTimePicker组件，在选择时间后点击查询发现查询导的内容与预期内容有所偏差，之后发现前端选中的时间在后端接收时相差了八个小时。

原因

我们国家的标准时间是东经120°时间（东八区），而标准时间是格林威治时间（世界时），两者相差了整整8小时。

解决

需要设置value-format属性，value-format=“yyyy-MM-dd HH:mm:ss”。

  <div class="block">
    <el-date-picker
      v-model="value1"
      type="datetimerange"
      value-format="yyyy-MM-dd HH:mm:ss"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>
  </div>

到此这篇关于ELement UI时间控件el-date-picker误差8小时的文章就介绍到这了,更多相关ELement UI el-date-picker误差8小时内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！