elementUI 日期控件报错 TypeError: dateObject.getTime is not a function

<el-form-item label="日期" prop="date">
  <el-time-picker v-model="form.date" type="date" placeholder="选择时间" style="width: 100%;"></el-time-picker>
</el-form-item>

date: [
  { type: 'date', required: true, message: '请选择日期', trigger: 'change' }
],

原本的是这样写的，然后添加了value-format之后，选完日期就报错了

<el-form-item label="日期" prop="date">
  <el-time-picker v-model="form.date" type="date" placeholder="选择时间" value-format="yyyy-MM-dd" style="width: 100%;"></el-time-picker>
</el-form-item>

date: [
  { type: 'date', required: true, message: '请选择日期', trigger: 'change' }
],

解决方案：去掉校验中的type: 'date',

<el-form-item label="日期" prop="date">
  <el-time-picker v-model="form.date" type="date" placeholder="选择时间" value-format="yyyy-MM-dd" style="width: 100%;"></el-time-picker>
</el-form-item>

date: [
  { required: true, message: '请选择日期', trigger: 'change' }
],

去掉校验中的type: 'date'之后，再选择日期就不会报错啦，至此，问题解决！