elmentui中日期选择器转换

我们在开发中会使用到elmentui日期选择器组件如图

 <div class="block">
    <span class="demonstration">起始日期时刻为 12:00:00</span>
    <el-date-picker
      v-model="value1"
      type="datetimerange"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      :default-time="['12:00:00']">
      @change="timeClick"
    </el-date-picker>
  </div>

当我们触发@change时间时拿到的日期如下图

但是接口要的数据如下
starttime 否 字符串 开始时间，2020-01-01 00:00:00
endtime 否 字符串 结束时间，2020-02-01 00:00:00

方法：添加 value-format="yyyy-MM-dd hh:mm:ss"方法
改变得到后的结果就是我们想要的2020-01-01 00:00:00这种格式。

     <el-date-picker
          style="margin-right: 40px; width: 250px; height: 32px"
          v-model="timevalue1"
          type="datetimerange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          value-format="yyyy-MM-dd hh:mm:ss"
          @change="timeClick"
        >
        </el-date-picker>