element-ui使用报错 TypeError: dateObject.getTime is not a function

今天在使用element-ui的表单验证的时候，出现了以下报错：

源代码：

<el-form-item :label="arr[2]" prop="user_birthday">
        <el-date-picker id="bir" type="date" placeholder="选择日期" v-model="ruleForm.user_birthday" style="width: 100%;" ></el-date-picker>
</el-form-item>

rules:{ 
 user_birthday: [
            {required: true,message:"请选择日期",trigger: 'blur' },
            {type: 'date',message: '请选择', trigger: 'blur' }
          ]
}

解决方法：

将rules中的type: 'date'去掉

在html中添加value-format="yyyy-MM-dd"

<el-form-item :label="arr[2]" prop="user_birthday">
<el-date-picker id="bir" type="date" placeholder="选择日期" v-model="ruleForm.user_birthday" style="width: 100%;"  value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>