正确的时间按钮显示

错误的时间显示

 <div class="block">
    <span class="demonstration">带快捷选项</span>
    <el-date-picker
      v-model="value2"
      type="daterange"
      align="right"
      unlink-panels
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      :picker-options="pickerOptions">
    </el-date-picker>
  </div>
</template>

按照官方的代码书写的话就会出现这种问题，比我们的时间框的时间有8个小时的时间差，查询时间就会有出入，传入后端参数就会有时间差，和我们想要的结果不一致
解决方案

 <div class="block">
    <span class="demonstration">带快捷选项</span>
    <el-date-picker
      v-model="value2"
      type="daterange"
      align="right"
      unlink-panels
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      value-format='yyyy-MM-dd HH:mm:ss'
      :picker-options="pickerOptions">
    </el-date-picker>
  </div>
</template>

增加了一行value-format='yyyy-MM-dd HH:mm:ss’这样就可以了，强制时间显示格式，新手入门解决这个问题花了好长时间