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

使用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')

报错信息如下:

在这里插入图片描述

	解决方法: 把 lastmaintaintime 中的type:date 去掉就好了!成功解决。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值