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

最新推荐文章于 2024-01-05 14:21:54 发布

summer _q

最新推荐文章于 2024-01-05 14:21:54 发布

阅读量650

点赞数

分类专栏： vue 文章标签： javascript vue.js html

本文链接：https://blog.csdn.net/weixin_44237840/article/details/120722197

版权

vue 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

在Vue.js应用中，遇到一个日期选择器（el-date-picker）的验证问题，当设置验证规则为必填时，初始报错。经过搜索，发现两种可行的解决方法：一是将验证类型改为字符串（string），二是直接移除类型定义。这两种方案都可以避免日期选择器在初始状态时触发错误提示。

摘要由CSDN通过智能技术生成

在这里插入图片描述

<el-form-item label="服务时间" prop="serviec_time">
           <el-date-picker type="date" value-format="yyyy-MM-dd" placeholder="请选择服务时间" v-model="from.serviec_time">
           </el-date-picker>
    </el-form-item>

校验规则

serviec_time: [ {type: 'date', required: true, message: '请选择服务时间', trigger: 'change'}]

百度之后，解决办法如下：
第一种：
将type类型改完string

serviec_time: [ {type: 'string', required: true, message: '请选择服务时间', trigger: 'change'}]

第二种：
去掉type类型

serviec_time: [ {type: 'string', required: true, message: '请选择服务时间', trigger: 'change'}]

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

summer _q

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue.runtime.esm.js:619 [Vue warn]: Error in event handler for “el.form.change“: “TypeError: dateObje

郭宝的博客

09-17

1万+

背景： vue.runtime.esm.js:619 [Vue warn]: Error in event handler for "el.form.change": "TypeError: dateObject.getTime is not a function" found in ---> <ElFormItem> at packages/form/src/form-item.vue <ElCol> <ElRow> .

Vue保姆级项目教程：十万字零基础开发信贷管理系统！

最新发布

weixin_55355282的博客

03-09

911

本文档概述了信贷管理系统的开发过程和关键需求，包括用户管理、信贷申请、贷款审批、数据分析、安全性、兼容性、扩展性和用户界面。目的是提高信贷业务的效率和准确性，满足机构对信贷业务管理的需求。

参与评论您还未登录，请先登录后发表或查看评论

Error in event handler for "el.form.change": "TypeError: value.getTime is not a function"报错解决方法

tumi

11-20

1816

遇到此问题，可能你会想到将rules里面的type转换成string类型，但有时并不能解决，如何解决呢？先看下面代码： html： <el-form-item prop="startDate"> <el-date-picker type="date" placeholder="选择日期" v-model="startDate" :pi...

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

ZMJ_QQ的博客

09-03

2241

报错源代码 <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&gt..

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

weixin_45113337的博客

08-21

6874

Error in event handler for “el.form.change”: “TypeError: dateObject.getTime is not a function” 调试时报如下错误：Error in event handler for “el.form.change”: “TypeError: dateObject.getTime is not a function” vue文件中代码如下验证rules为解决办法，将上面验证规则type:date改为type：string，解决

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

素味平生的博客

02-04

9349

报错代码示例： <el-form-item label="出生日期" prop="bdat"> <el-date-picker type="date" value-format="yyyy-MM-dd" placeholder="请选择出生日期" v-model="entryForm.bdat"> </el-...

element 表单重置 Error in event handler for “el.form.change“: “TypeError: dateObject.getTime is not a fu

unruly02的博客

06-09

541

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

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

09-21

错误信息"TypeError: dateObject.getTime is not a function"表示在事件处理程序"el.form.change"中出现了一个类型错误，dateObject对象没有getTime方法。根据提供的引用内容，可以看出这个错误是由于在表单验证规则...

基于layui+cropper.js实现上传图片的裁剪功能

weixin_30828379的博客

11-09

2145

　　最近因项目需求，需要在上传图片的时候先对图片裁剪，然后在上传，所以就有了本文的出现。　　开始正文之前，要提一下这个图片的裁剪：图片的裁剪，有前端裁剪，也可以后端裁剪　　前端的裁剪我知道的可以分为这么两种：flash一种，canvas一种。现在用的多的是canvas这种。　　其实裁剪最本质的原理：通过工具获取到图片（不是JS那种获取DOM的方式，比如flash获取到图片，对图片任意操...

JavaScript 前端面试题！！！

木木木森林

10-29

730

JavaScript 前端面试精华1. 介绍 js 的基本数据类型。2. JavaScript 有几种类型的值？你能画一下他们的内存图吗？3. 什么是堆？什么是栈？它们之间有什么区别和联系？4. 内部属性 [[Class]] 是什么5. 介绍 js 有哪些内置对象？6. undefined 与 undeclared 的区别？7. null 和 undefined 的区别？8. 如何获取安全的 undefined 值？9. 说几条写 JavaScript 的基本规范？10. JavaScript 原型，原型链

[Vue warn]: Error in event handler for “el.form.change“: “TypeError: dateObject.getTime is not a fun

前端小白的逆袭

11-01

3541

[Vue warn]: Error in event handler for "el.form.change": "TypeError: dateObject.getTime is not a function"

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

weixin_42792507的博客

09-03

1679

在使用el-date-picker时有这样的报错: Error in event handler for “el.form.change”: “TypeError: value.getTime is not a function” 这种情况是: elementUI的日期选择器【el-date-picker】在加上格式 value-format=“yyyy-MM-dd” format="yyyy-MM-dd"和校验规则 { type: ‘date’, required: true, message: ‘请选择

ELEMENT-UI 日期控件遇到了表单验证出错（ERROR IN EVENT HANDLER FOR “EL.FORM.CHANGE“: “TYPEERROR: VALUE.GETTIME IS N

sumimg的博客

01-05

201

{ type: ‘date’, required: true, message: ‘请选择日期’, trigger: ‘change’ }表单验证将【type: ‘date’】改为【type: ‘string’】`elementUI的日期选择器【el-date-picker】在加上格式。

ElementUI爬坑，[Vue warn]: Error in event handler for "el.form.change": "TypeError: dateObject.getTime

weixin_44999830的博客

02-18

3981

使用ElementUI自带的DatePicker 日期选择器，加入验证类型为 type="date"时报错首先说明出现原因，elementUI的日期选择器【el-date-picker】在加上格式 value-format=“yyyy-MM-dd” format=“yyyy-MM-dd” 和校验规则时 { type: ‘date’, required: true, message: ‘请选择日...

Vue中报错Error in v-on handler: “TypeError: dateObject.getTime is not a function“

weixin_44338096的博客

04-15

5777

发现在vue项目里修改更新数据功能，提交更改后的表单数据报错。 TypeError: dateObject.getTime is not a function 时间数据有问题找到原因是rules中type:'date’造成的，因为初始化成了string类型。在表单中重新选择时间后此处的时间会变成字符串格式。解决方法：在rules中的日期验证上删除 *type:‘date’, ...

Vue中报错TypeError: dateObject.getTime is not a function

weixin_39875208的博客

08-24

154

将其验证 type="date" 去掉就ok了

控制台报错 “dateObject.getTime is not a function“ 问题记录

Komorebi_00的博客

04-25

825

elementUI的日期选择器【el-date-picker】加上了格式 value-format=“yyyy-MM-dd” format=“yyyy-MM-dd”，而校验规则使用了type: ‘date’修改验证规则中的type或者直接去掉。