关于vue加elementUi编辑时间控件报错 value.getTime is not a function

最新推荐文章于 2023-05-16 18:28:49 发布
最新推荐文章于 2023-05-16 18:28:49 发布
阅读量5.1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端个人笔记 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42338523/article/details/81067981
本文解决在使用Vue结合ElementUI开发管理系统时，编辑日期字段遇到的value.getTimeisnotafunction错误。通过正确处理时间数据类型，确保编辑功能正常运行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

vue+elementUI做管理系统一直是前端工程师不错的选择，在系统中，难免会有新增和编辑的功能，如图，一般在编辑的时候，都是直接调用新增的弹框，不会新增写一个弹框，编辑写一个弹框，调新增弹框的时候，在获取行的row值，赋值到编辑弹框中，今天遇到了一个问题，我点编辑弹框后，获取了当前行的年份如图2012年，如果不改变年份的话，不点击切换年份，直接提交，就会报value.getTime is not a function。如下图

是为什么呢？

原因就是，我通过row去获取的年份是2012，

获取了2012再去调新增的方法

我们应该用

 new Date（）这个方法对我们获取的时间进行处理一下，再传到新增方法里，他才可以使用date的一些方法

 

element plus使用问题
全网同名：PBitW！ 可以去掘金关注我！
01-27 1889
element plus vue.config.js webpack版 vite版 安装element plus 1、使用 ElMessage 报错 2、有时候会报错 not a function 3、 element plus 版本过高 4、警告Feature flag VUE\_PROD\_HYDRATION 5、报错 ResizeObserver loop element plus icon 按需引用 element plus 按需导入设置为中文
vue+elementUI日期选择器实现选择日期，自动对应周几，并且是包含所选择日期的一周的日期
weixin_38206772的博客
07-29 7130
vue+elementUI实现选择日期，自动对应周几 之前在公司的项目里面遇到这个问题，如今想起来在这里总结一下，如果有更好的方法，请各位大神多多指教。 在template里面给选择日期的el-date-picker一个监听事件change，我定义的是toWeek事件，v-show根据自己项目的需求可以根据条件控制显示和隐藏，focus事件是选择日期有焦点的时候，实行一些事件操作 <div class="block riqi" v-show=see> <span class=
elementUI时间选择器：TypeError: value.getHours is not a function
草巾冒小子的博客
08-31 2020
使用elementUI的日期时间选择控件报错element-ui时间控件报错：TypeError: date.getHours is not a function、TypeError: date.getFullYear is not a function、TypeError: value.getTime is not a function。
vue学习之ElementUI时间选择器报错getTime is not a function
King的博客
07-29 4560
在时间选择器中增加的校验： rules: { expireEndTime: [ { type:date, required: true, message: '请选择日期', trigger: 'change' } ], expireStartTime: [ { type:date, required: true, message: '请选择日期', trigger: 'change' } ], } 结果报错：getTime is not a function
Vue中出现“TypeError: dateObject.getTime is not a function“报错
weixin_44293690的博客
05-16 495
el-date-picker校验报错“TypeError: dateObject.getTime is not a function“。处理方法：校验规则中设置type为string，而不是type为date。
关于Element-UI中Form表单内日期选择器校验出现a.getTime is not a function
m0_46582240的博客
05-08 2088
a.getTime is not a function
小程序开发必备：vue实现日历控件
tian_jiangnan的博客
04-12 4282
效果如下： html页面的代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width...
Vue03基础语法--Vue组件+样式绑定+修饰符+常用控件+自定义指令+自定义事件
全栈
10-19 1356
Vue除支持内置的v-model/v-show等指令，还允许自定义指令。 vue2中，代码的复用和抽象的主要形式是组件，但在有些情况下仍然需要对普通dom元素做底层操作，这种情况下需要自定义指令。根据自定义指令的作用范围，可分为：全局、局部两种
Vue实现在线编辑excel
hjseo_seg的博客
03-09 2585
目录 luckysheet 1.插件引入 2.声明excel在线预览编辑组件 3.excelJs分解Dom为excel文件流 luckysheet文档地址 exceljs文档地址 前言介绍：原先平台没有要求在线编辑excel功能，excel文件是表单新增记录展现表格信息的一条记录信息，用于展示excel文件名称，支持下载功能，后续可能是客户嫌弃文件下载网速过慢，所以要求支持在线预览和编辑功能。项目周会讨论时提到这个需求，我当时的第一反应是这个功能前端来做的话，从18年开始网上生态情况，开源插件很少，
vue中一些简单控件的总结
qq_43504861的博客
08-25 1050
vue中一些简单控件的总结 1.关于 el-select 使用 <el-select v-model="selectname" multiple >时， 得到selectname的value,只需要在method中使用this.selectname就能直接拿到value值，例如 <el-select v-model="VehicleModel" multiple > <el-option v-for="item in VehicleModelOptions"
用element-ui 填充date-picker时，报value.getTime is not a function错误
weixin_33725272的博客
07-06 473
在用element-ui 时，报value.getTime is not a function错误：错误分析：date-picker 的时间是格林威时间，如果Thu Jun 22 2017 19:07:30 GMT+0800，然后我们存入的数据库的时间为：2017-06-22 19:07:30的格式，所以在用2017-06-22 19:0...
element：日期插件：date.getHours is not a function
Crazy_GirlLL的博客
01-09 1568
问题在于，如果给inputVal赋值一个默认值，必须要和value-format的格式一样，他才能解析
关于时间框 date.getHours is not a function 报错问题解决
weixin_64374806的博客
10-13 9296
前端时间框报错TypeError: date.getHours is not a function
vue中报错：`value` provides invalidate moment time.
热门推荐
Schaffer的博客
06-11 1万+
问题 当使用vue中的日期选择框时（即datepicker方法），使用v-modal绑定数据时，会显示如下错误: [antdv: DatePicker] value provides invalidate moment time. If you want to set empty value, use null instead. 解决方法: 官方文档的API如下： vue代码如下： <a-form-item label="建造时间" :labelCol="labelCol"
TypeError: value.getTime is not a function 报错
南北极之间
05-19 514
之前的校验规则是date。看资料改成string就好了 参考： https://www.cnblogs.com/hao-1234-1234/p/9815522.html
使用elementUI的日期时间选择控件报错"TypeError: value.getTime is not a function"
Joy_Yue的博客
02-22 5719
原因是：日期选择器【el-date-picker】加了格式 value-format="yyyy-MM-dd" format="yyyy-MM-dd" 和校验规则：{ type: 'date', required: true, message: '请选择日期', trigger: 'change' }后，结果报错 解决方法：将校验规则中的 type: 'date'，改成 type: 'St...
vue elementUI 日期报错 dateObject.getTime is not a function
eliodadada的博客
07-07 721
代码这样： 报错dateObject.getTime is not a function 最终通过删除数组里的type:"date",这一行得以解决； 猜测可能是因为这个日期选择时的数据类型不是date，和emelent组件封装的类型不同。 ...
element-ui 组件 el-date-picker使用遇到TypeError: value.getTime is not a function问题
weixin_46319117的博客
10-29 880
在使用element-ui的el-date-picker组件时，需要获取到字符串格式的时间，且格式为yyyy-MM-dd HH:mm:ss，开始写的代码如下：问题:
DatePicker 日期控件，禁止选择当前之前(之后)时间 vue3
最新发布
09-19
如果你想要在 Vue 3 中创建一个 DatePicker 控件，禁止用户选择当前日期之前的日期，可以利用自定义事件和条件渲染来实现这一功能。以下是大致步骤： 1. 首先，安装并引入 `element-ui` 或其他支持 DatePicker 的库...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值