添加表单校验 报错dateObject.getTime is not a function 解决方式

已于 2023-06-30 10:22:53 修改
阅读量633 收藏 1
点赞数
文章标签： elementui vue.js 前端
于 2023-06-29 15:14:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73267676/article/details/131456740
版权

没添加element表单校验之前功能完好

添加表单校验后报错dateObject.getTime is not a function

这个报错很熟悉 是日期格式不对，开始反思校验表单为什么会触发日期格式 

原因出在rules规则

 这个意思是type字段的意思是校验时按date格式校验，如果是未经处理的date时间对象不会错，但是我在date控件里已经用value-format转化了格式 它变成了字符串

字符串按date对象校验当然会报错，所以删除reles里日期规则的type

正常运行 

三乌e
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue中出现“TypeError: dateObject.getTime is not a function“三种解决方案，推荐第三种
乐于分享，共同成长
03-07 1万+
本文解决方案经过本人挖坑实测，如有更好解决方案和错误，烦请指出。 原因：既然出现了Date说明日期不正确，其实是在接口中日期数据传过来的是String类型的，所以ElementUI自带的校验规则时，规则校验的时候是Date的类型，所以会报错。 最佳解决方案:使用new Date _this.form.bir = new Date(row.bir) 就是在回填的时候把String转化为Date类型的 解决方案二：把标签中的 type="date"去掉 解决方案三：把标签中的type=“da.
控制台报错 “dateObject.getTime is not a function“ 问题记录
Komorebi_00的博客
04-25 713
elementUI的日期选择器【el-date-picker】加上了格式 value-format=“yyyy-MM-dd” format=“yyyy-MM-dd”，而校验规则使用了type: ‘date’修改验证规则中的type或者直接去掉。
＞＞＞＞＞＞ Error ＞＞＞＞＞＞ index.js?ac5b:25 TypeError: dateObject.getTime is not a function
YHLSunshine的博客
09-13 144
>>>>>> Error >>>>>> index.js?ac5b:25 TypeError: dateObject.getTime is not a function
element-ui使用报错 TypeError: dateObject.getTime is not a function
qq_41391569的博客
05-02 683
今天在使用element-ui的表单验证的时候，出现了以下报错： 源代码： <el-form-item :label="arr[2]" prop="user_birthday"> <el-date-picker id="bir" type="date" placeholder="选择日期" v-model="ruleForm.user_birthday"...
date.locale is not a function报错解决方法
最新发布
qq_53114797的博客
10-20 1853
根据你的需求，你可以在表单提交时获取选择的日期数据，然后进行进一步的处理，例如存储到数据库、发送到服务器等。最后会报错的话，我们需要修改数据之前做数据回显，因为原先的数据不符合时间格式。提示文字、限制可选择的日期范围等。你可以在官方文档中查找更多的配置选项。在上面的示例代码中，我们使用了。添加其他配置属性，例如设置。做一个数据回显的操作即可解决。首先，确保你已经安装了。来将选中的日期绑定到。
JAVA new Date()或Calendar.getInstance().getTime()得到的时间不对
03-30
NULL 博文链接：https://ollevere.iteye.com/blog/1320854
java.util.Date与java.sql.Date的区别
09-03
在Java编程中，日期处理是常见的任务之一，`java.util.Date` 和 `java.sql.Date` 都是用来表示日期的类，但它们之间存在显著的区别和用法差异。 首先，`java.util.Date` 是 Java 核心库 `java.util` 包中的类，它...
JAVA String转化成java.sql.date和java.sql.time方法示例
08-31
在Java中，java.sql.Date和java.util.Date都是用来表示日期的类，但是它们有着不同的用途和实现方式。java.util.Date是一个通用的日期类，可以表示日期和时间，而java.sql.Date则是专门用于数据库交互的日期类，仅...
浅析onsubmit校验表单时利用ajax的return false无效问题
01-21
代码如下:/** * 表单提交校验 **/function onSubmit(){ if($(‘#name’).val().length<2){ alert(“名称请不少于两个汉字”); return false; } var t = new Date().getTime(); $.ajax({ type: ...
ajax实现用户名校验的传统和jquery的$.post方式(实例讲解)
10-18
$.post("/user_findByName.action", { time: new Date().getTime(), username: username }, function(response) { $("#span").html(response); }); } ``` 在这个例子中，`$.post`函数接受三个参数：URL、数据...
ElementUI表单校验报错TypeError: Cannot read properties of undefined (reading ‘validate‘)
swlimuhao的博客
08-25 3259
Vue2工程中使用ElementUI表单(Form)的表单校验时出现报错：TypeError: Cannot read properties of undefined (reading 'validate')
TypeError: config._d.getTime is not a function“报错问题
k1_maple的博客
08-08 975
moment的TypeError: config._d.getTime is not a function"的报错问题出现
element-ui 时间组件datePicker开始时间小于结束时间的校验，时分秒校验问题。
m0_38105640的博客
10-12 4300
一、安装引入element-ui npm i element-ui -S 完整引入 在 main.js 中写入以下内容： import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue'; Vue.use(ElementUI); new Vue({ el: '#app', render:
解决vue+elementUI : “TypeError: dateObject.getTime is not a function“及日期手动修改的错误
Odinpeng的博客
04-26 1944
解决vue+elementUI页面报错"TypeError: dateObject.getTime is not a function"。并且elementUI标签<el-form-item prop="birth" label="生日">可以手动修改样式的错误
iview爬坑，报错“Error in event handler for "on-form-change": "TypeError: dateObject.getTime is not a fun”
沧笙踏歌的博客
04-23 8768
使用iview自带的DatePicker 日期选择器，加入验证类型为 type="date"时报错 如图 首先说明出现原因，elementUI的日期选择器【el-date-picker】在加上格式 value-format=“yyyy-MM-dd” format=“yyyy-MM-dd” 和校验规则时 { type: ‘date’, required: true, message: ‘请选择日期...
Q: Error in event handler for "el.form.change": "TypeError: value.getTime is not a function"
花狗杂货铺。
07-02 2万+
首先说一下我使用的实际场景 html代码：     js代码：   首先说明出现原因，elementUI的日期选择器【el-date-picker】在加上格式    value-format="yyyy-MM-dd" format="yyyy-MM-dd"   和校验规则时 { type: 'date', required: true, message: '请选择...
Vue问题1：TypeError：date.getHours is not a function
Sunshine0508的博客
06-25 1万+
再用vue的时间控件的时候遇到了如下的问题：解决方法：在&lt;el-date-picker&gt;&lt;/el-date-picker&gt;时间控件加上value-format="yyyy-MM-dd"以防出现date.getTimes is not a function以下的applyTime设置为null时间控件输入框的校验的type=“date”去除；...
解决vux 引入组件时Error in render function: "TypeError: _vm.$t is not a function"问题
热门推荐
weixin_38123604的博客
08-23 6万+
解决vux 引入组件时Error in render function: "TypeError: _vm.$t 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方法。根据提供的引用内容，可以看出这个错误是由于在表单验证规则...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值