记录vue项目使用element-ui中日期选择器 (el-date-picker) 出现报错！！！

最新推荐文章于 2023-06-26 14:39:38 发布
最新推荐文章于 2023-06-26 14:39:38 发布
阅读量1.5k 收藏
点赞数 3
分类专栏： VUE 文章标签： vue.js ui javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xxz_best/article/details/127534778
版权

今天在vue项目中使用elementUI 时间组件时候遇到了一个问题
在我使用日期时间选择器时，
在这里插入图片描述

控制台报错！！！！！！在这里插入图片描述
一开始我一直以为是我父组件传值到子组件出了问题，但是我这个组件没有传值呀，而且系统流程能真正运行，就是控制台报错了，虽说也不影响什么，但是总是感觉别扭，最后排查发现是因为elementUI的版本有问题，
我项目开始用的版本是：“element-ui”: “^2.15.6”,
改成"element-ui": “2.15.6”,以后这个问题就解决了
亲测可用版本为 2.15.6 注意前面不要加 ^ 符号

如果大家遇到这个问题，可以测试一下，希望能帮助到你们

霖霏晗
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue中时间选择器，选择时间范围报错(报空值错误)
sdfvsdfsdfsdfsd的博客
07-02 784
<el-date-picker v-model="datatime" type="datetimerange" value-format="yyyy-MM-dd hh:mm:ss" start-placeholder="开始日期" end-placeholder="结束日期" style="height:70%;"> </el-date-picker> data() { re.
ElementUI 的日期选择器el-date-picker 报错[Vue warn]:Prop being mutated: “placement“
weixin_44719703的博客
07-13 3195
elementui日期选择器踩坑
【vue3】【element-plus】获取el-date-picker的值错误
qq_63514555的博客
01-31 1284
value-format的形式应该是 YYYY-MM-DD hh:mm:ss。然后去看了element-plus官方的手册，发现。一顿查询，发现别人的和自己的没有差别。结果明显不是我们想要的。所以，最后是这样解决的。
vue2 element el-date-picker报错TypeError: e.getHours is not a function
qq_41421033的博客
06-26 1250
错误出现场景:1.编辑回显数据时2.时间组件由v-if控制并且为隐藏状态时3.时间组件v-model接受接口返回的数据为null时4.这时候时间组件v-if为true展示时就出现了标题报错。
ElementUI el-date-picker日期时间选择器”placement”报错问题的解决方案
Mitchell1696的博客
04-04 758
【代码】ElementUI el-date-picker日期时间选择器”placement”报错问题的解决方案。
element-ui 限制日期选择的方法(datepicker)
08-27
在这些场景中，我们可以使用 Element-UI 日期选择器的限制日期选择的方法来限制日期选择器的日期范围，以确保日期选择器的日期范围符合业务需求。 Element-UI 日期选择器的限制日期选择的方法是一种非常有用的技术...
vue+element-ui DateTimePicker组件分钟设置步长step
最新发布
05-17
在Vue.js框架中，Element-UI是一个非常流行的前端UI组件库，它提供了丰富的组件供开发者构建用户界面。本文将深入探讨如何在DateTimePicker组件中设置分钟的步长（step）。 DateTimePicker是Element-UI中用于日期和...
解决Element中el-date-picker组件不回填的情况
01-21
因此我们在新建活动的操作过程中需要选择一段时间区间以及活动名称等信息提交，新建完成； 网页上出现了新建好的活动，其他人想查看详细信息，打开页面，发现时间区间并没有实现回填！ 2.问题分析 时间信息没有回填...
el-data-picker季度区间选择器
08-02
"el-data-picker季度区间选择器"就是这样一个组件，它专为基于ElementUI 2.15.8和Vue.js 2框架的应用设计。这个组件允许用户方便地选取特定时间范围内的季度，提高用户在数据过滤、检索或分析时的效率。 ElementUI...
elementui日期选择器重新选择报错
djiasdngl的博客
08-12 303
elementui日期选择器重新选择报错
vue表单中使用时间选择器报错
小乔美哒哒
07-10 678
在elementUI的表单中使用时间选择器中报错， 解决方法如下：
ElementUI组件库el-date-picker日期时间选择器”placement”报错问题的解决办法
weixin_42627850的博客
01-09 1558
ElementUI报错[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "placement"，解决方法
关于ElementUI 的 el-time-picker 组件分钟无法选择的问题
黑胡子大叔的博客
04-28 3457
在用el-time-picker组件时，遇到分钟无法通过滑动修改的情况，默认卡在04分钟，键盘可以修改 错误代码如下： <el-time-picker v-model="addForm.meetingTime" style="width: 100%;" is-range value-format="HH:MM" format="HH:MM" range-separator="至" start-placeholder.
elementui日期选择器传值给后端导致解析反序列化异常报错
MBAI的博客
01-30 1057
设置成这个就ok了 如果只是年月日的话我之前发生的情况还是报错，不转也报错，转成图片这样就ok了
el-date-picker进行编辑的时候报错
Wu_JingYi0829的博客
10-18 1240
进行打印后发现：在进行编辑操作的时候，首先获取到该行的所有数据时，传入el-date-picker的后端数据（2022-10-21T04:00:00.000Z）和el-date-picker本身的显示的数据格式（2022-10-21 12:00:00）不一致。1.将 value-format=" yyyy-MM-dd HH:mm:ss"format="yyyy-MM-dd HH:mm:ss"去掉。
使用element中时间选择器和日期选择器报错Avoid mutating a prop directly since the value will be overwritte
weixin_53501854的博客
08-30 879
使用element中时间选择器和日期选择器报错Avoid mutating a prop directly since the value will be overwritte
关于处理后台接收ElementUI中的时间组件的值报错的处理方案(我自己最好的解决方案)
weixin_45860403的博客
09-17 1458
后台接收前端的时间类型报错的处理办法最简单的方法,点进来看看就能解决您的问题
关于el-time-picker使用错误的记录
天暮雨的博客
01-01 3082
关于el-time-picker在新增和编辑弹窗中使用的问题记录，以及和ant design react版本TimePicker的使用对比
解决element-ui 日期选择器提交后台数据不准确问题
喝水高手
08-10 1443
问题： 在做项目过程中，编辑需要修改日期时间，提交到后端后渲染出来的数据与设置的实际时间少1天。 解决办法： value-format 可选，绑定值的格式。不指定则绑定值为 Date 对象 string 标签添加属性：value-format=“yyyy-MM-dd” <el-date-picker v-model="value1" type="date" value-format="yyyy-MM-dd" placeh
element-plus日期选择器el-date-picker样式修改
05-15
element-plus是一个基于Element UI的 Vue 3.0 组件库，提供了一系列的常用组件和工具，其中包括日期选择器(el-date-picker)。如果您需要修改el-date-picker的样式，可以通过以下方式进行： 1. 通过覆盖全局CSS来...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值