使用ElementUI + el-date-picker开发, 报错getTime is not a function

时间:2024-04-05 11:05:55

使用ElementUI + el-date-picker开发, 报错getTime is not a function @vue + ElementUI 开发遇到的坑

在开发中使用el-date-picker时,选择时间 就报错getTime is not a function

去网上查了很多资料,最后解决 :

原因:是加了表单验证,好像是加上value-format="yyyy-MM-dd">就不是date的类型,注意一下类型就行。我是在表单验证的时候把type: 'date', 去掉,不按照date类型去验证就行了。

1. 贴上我报错时的代码

<el-form-item label="最近一次保养日期" prop="lastmaintaintime">
     <el-date-picker class="wid200" 
	     v-model="form.lastmaintaintime"
	     type="date"
	     placeholder="选择最近一次保养日期" 
	     format="yyyy-MM-dd" 
	     value-format="yyyy-MM-dd">
     </el-date-picker>
</el-form-item>
// data 中的校验规则
rule: {
	lastmaintaintime: [{ type: date, required: true, message: '请选择日期期', trigger: 'change'} ]
 }
// js  初始化数据
this.form.lastmaintaintime = new Date('2018-1-10')

报错信息如下:

使用ElementUI + el-date-picker开发, 报错getTime is not a function

	解决方法: 把 lastmaintaintime 中的type:date 去掉就好了!成功解决。