使用elementUI的日期时间选择控件报错"TypeError: value.getTime is not a function"

最新推荐文章于 2024-05-03 21:53:44 发布
最新推荐文章于 2024-05-03 21:53:44 发布
阅读量5.5k 收藏 4
点赞数 1
分类专栏： 实战
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wy6250000/article/details/87879363
版权

原因是：日期选择器【el-date-picker】加了格式 value-format="yyyy-MM-dd" format="yyyy-MM-dd"

和校验规则：{ type: 'date', required: true, message: '请选择日期', trigger: 'change' }后，结果报错

解决方法：将校验规则中的 type: 'date'，改成 type: 'String'。

可能是在转换格式后，绑定的值是String类型，而不是Date对象，所以校验规则无法识别

Joy__Yue
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
关于处理后台接收ElementUI中的时间组件的值报错的处理方案(我自己最好的解决方案)
weixin_45860403的博客
09-17 1459
后台接收前端的时间类型报错的处理办法最简单的方法,点进来看看就能解决您的问题
使用element-ui的日期选择器（DatePicker）报错：Prop being mutated: “placement“
weixin_45316705的博客
07-28 818
element-ui，vue 2.0
正确解决TypeError: xxx is not a function异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 7968
正确解决TypeError: xxx is not a function异常的有效解决方法
element 日期选择器el-date-picker问题记录（清除后报错）
qq_42753983的博客
10-18 1476
el-date-picker（清除后报错）
elementUI使用日期选择器组件报错 dateObject.getTime is not a function
huangjhai的博客
05-23 1880
转载自：https://blog.csdn.net/xiaoxiangzi520/article/details/99637359  页面： 代码： 然后选择日期或者点击“解析”按钮提交validate校验表单都报错： 分析原因为rules中t.
Vue Element UI 日期控件在表单验证中报错
欲变世界，先变其身
11-28 2万+
Vue Element UI 日期控件在表单验证中报错，遇到了冲突如下：Error in event handler for “el.form.change”: “TypeError: value.getTime is not a function”
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
微信小程序报错：this.setData is not a function的解决办法
08-29
"微信小程序报错：this.setData is not a function的解决办法" 微信小程序报错：this.setData is not a function是一个常见的错误，特别是在使用微信小程序开发时。在这个错误中，this.setData变成了undefined，...
小程序中wx.xx is not a function的报错
03-29
连胜老师今天来说一下小程序后台，运维中心经常报的一个错误：错误提示：wx.getSetting is not a function;at App lifeCycleMethod onLaunch function。   这里的wx.getSetting，可能是其他API，比如wx....
vue elementUI 日期、时间组件报错 dateObject.getTime is not a function
Lucky铂爵
09-15 1384
vue elementUI 日期、时间组件报错 dateObject.getTime is not a function。
设置了elementui的时间日期组件的默认值导致DateTimePicke组件无法选择别的时间
weixin_45371730的博客
04-14 1969
使用this.$set()赋值，this.$set()赋值不会改变数据的响应式。target：要更改的数据源(可以是对象或者数组)一、问题：设置默认时间之后选择其他日期选不上。在修改时间发现，怎么也选不了其他的日期时间。关于this.$set()使用传值。key：要更改的具体数据。value ：重新赋的值。
element-ui 组件 el-date-picker使用遇到TypeError: value.getTime is not a function问题
weixin_46319117的博客
10-29 702
在使用element-ui的el-date-picker组件时，需要获取到字符串格式的时间，且格式为yyyy-MM-dd HH:mm:ss，开始写的代码如下：问题:
Error in event handler for “el.form.change“: “TypeError: value.getTime is not a function“
weixin_42792507的博客
09-03 1614
在使用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: ‘请选择
elementui的 ＜el-date-picker＞type= datetime时，用valueformat报错
stud_ying的博客
11-02 2484
render: “TypeError: date.getFullYear is not a function” found in —> at packages/date-picker/src/basic/year-table.vue 前端 <el-date-picker clearable size="small" style="width: 200px" v-model="form.Time" type="datetime" value-format="yyyy-
Error in event handler for "el.form.change": "TypeError: value.getTime is not a function"
weixin_30892763的博客
07-27 800
首先说一下我使用的实际场景 html代码： js代码： 首先说明出现原因，elementUI的日期选择器【el-date-picker】在加上格式 value-format="yyyy-MM-dd" format="yyyy-MM-dd" 和校验规则时 { type: 'date', required: true, message: '请选择日期', trig...
Error in getter for watcher “parsedValue“: “TypeError: dateStr.match is not a function“
Monsters___的博客
03-11 6353
编辑的时候报错,去百度搜了下，说是页面的el组件的日期组件报错,给该组件绑定的值为Number数据类型,通过监听改一下改成String数据类型就可以. 报错果然不见了，但发现数据也没有回显，查看返回的数据后发现是日期格式并未转换，并且 为Number格式 然后看了一下后台，发现日期格式并未转换，转换一下就可以解决问题了 ...
出现value.locale is not a function问题解决办法
热门推荐
Yatkill的博客
06-04 2万+
1、给datepicker赋值 可以输出赋值,datepicker赋值需要moment格式的数据,如果赋值了string类型的会报错 需要进行moment格式化moment(dateString) 2、给普通字符串赋值 如果赋值了moment类型的数据 可以通过moment(date).format(XXX)来解决,如果还不行的话可以使用date&& moment(date).la...
van的时间选择控件van-datetime-picker的坑
StoneVivi的博客
04-01 9971
van的时间选择控件van-datetime-picker的坑 以type='date’的van-datetime-picker为例： <vant-date-picker v-model="value4" type="date" range-separator="至" start-placeholder="开始日期" end...
Error in callback for watcher “value“: “TypeError: Cannot read property ‘repalce‘ of null“
qq_40668646的博客
12-18 1万+
vue空页面value空值问题 在页面后台中，输出了Error in callback for watcher “value”: "TypeError: Cannot read property ‘level’ of null"这样的错误，看了网上的一些博客，个人认为就是在input输入框中，当第一次输入，未保存数据之前，接口返回的数据基本都是null，所以可能是会报这个错误 解决办法 <u-form-item :label-position="labelPosition" label="出版物种类
uni 可以运行 但是打包报错 TypeError: this.getOptions is not a function
11-03
根据提供的引用内容，你在引入uni-ui组件时遇到了微信开发者工具终端报错TypeError: this.getOptions is not a function。这个问题可能是由于你下载的是最新的sass-loader导致的。解决办法是安装sass-loader@10.1.1即可，不要安装sass-loader@11.0.0及以上。你可以通过以下命令安装sass-loader@10.1.1：npm install sass-loader@10.1.1 --save。 至于你提到的uni可以运行但是打包报错TypeError: this.getOptions is not a function的问题，这个问题可能是由于你的webpack版本过高导致的。你可以尝试将webpack降级到4.x版本，或者升级uni-app到最新版本，这个问题应该就可以解决了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值