前端小技巧：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>