element-ui里面的时间样式有三种TimePicker,DatePicker,dateTimePicker
但在使用的时候去发现设置了format格式却会被转为utc时间，这样就造成的数据的偏差
对比才发面这三个组件都有一样的参数

<!--timePicker-->
  <el-time-picker
    v-model="value1"
    :picker-options="{
      selectableRange: '18:30:00 - 20:30:00'
    }"
    placeholder="任意时间点">
  </el-time-picker>

<!--datePicker-->
    <el-date-picker
      v-model="value1"
      type="date"
      placeholder="选择日期">
    </el-date-picker>

<!--dateTimePicker-->
    <el-date-picker
      v-model="value1"
      type="datetimerange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>

在引用上有稍微的区别，timePicke在组件上完全不一样，datePicke和dateTimePicker是通过type区分，
它们都有一样的设置样式的参数format

format	时间格式化(TimePicker)	string	小时：HH，分：mm，秒：ss，AM/PM A	'HH:mm:ss'
选择时展示的时间格式
format="yyyy-MM-dd"
         
value-format	可选，仅TimePicker时可用，绑定值的格式。不指定则绑定值为 Date 对象	string	见日期格式
实际获取的时间格式
value-format="yyyy-MM-dd"
后台实际获取到的 {'startup_time': ['2022-10-10,2022-11-13']}

'''
	细看文档发现 value-format 可选，仅TimePicker时可用，绑定值的格式，我用的是dateTimePicker开始的时候只设置format格式，发现日期会变成utc时间，后来改用value-format设置，数据就是页面选择的时间格式了，看来是只要是有timePicker的都应该使用value-format格式来设置
'''

添加参数格式化时间

    <el-date-picker
      v-model="value1"
      type="datetimerange"
      range-separator="至"
      // 选择时展示的时间格式
      format="yyyy-MM-dd"
      // 实际获取的时间格式
      value-format="yyyy-MM-dd"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>