Error in event handler for “el.form.change“: “TypeError: dateObject.getTime is not a function“

 报错

 源代码

<el-form-item prop="join_data">
  <el-date-picker 
     v-model="member.join_data"
     placeholder="加入时间"
     clearable
     format="yyyy 年 MM 月 dd 日"
     value-format="yyyy-MM-dd" >
  </el-date-picker>
</el-form-item>


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

报错原因 

     时间选择器的value-format="yyyy-MM-dd"，是一个string类型，而表单验证的规则是date，只要将验证规则的type与时间选择器值得类型改为一致。

解决办法

1.修改验证规则中的type          type:'string'

2.修改时间选择器中的值类型，默认是date