Element-ui DatePicker时间选择器 给后端传开始时间 结束时间 遇到的问题

最新推荐文章于 2023-03-21 19:29:00 发布
最新推荐文章于 2023-03-21 19:29:00 发布
阅读量2.9k 收藏 10
点赞数 3
文章标签： vue.js elementui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38320547/article/details/110541474
版权

Element-ui DatePicker时间选择器 给后端传开始时间 结束时间 清空后 报错 cannot read

选择时间的时候是没有问题的
在这里插入图片描述
接口需要传开始时间和结束时间给他
于是我这样拆分了选中的时间
并将两个值 调用接口 给我返回新的数据
在这里插入图片描述
在这里插入图片描述

但是问题来了 我清空时间范围 再次进行查询 就报错了
在这里插入图片描述
再
怎么找错 我开始打开页面时候 是不需要传值的 直接调用接口 传当前页码 就可以
我打印了一下 我打开页面时的传值数据 时间范围 都是null
我第一次 打开页面是不需要传值的
我又走了一遍流程
输入事件范围 点击查询

在这里插入图片描述
打印我此时给后台传的值 en 正确 调用
在这里插入图片描述
然后清空
在这里插入图片描述
又报错了
在这里插入图片描述
清空之后难道不是null了吗 !!!

纠错过程 我就不说了 直接上目前找到的结果 我应该再清空后手动给他赋值 null
在这里插入图片描述
上结果
在这里插入图片描述

jiayl826
关注
解决element-ui的时间选择器选择的时间传入后端有时区问题和时间异常的问题
123
07-05 6068
解决element-ui的时间选择器选择的时间传入后端有时区问题和时间异常的问题**异常说明****解决方法****效果说明** 异常说明 前端页面选择的时间为: 2020-07-28 00:00:00 element-ui传入后端的数据为 2020-07-27T16:00:00:000Z，存在时区问题，并且有时候传输到后台的日和前端选择的日期一致，从而导致了存储的时间出现偏差 解决方法 _this.resourceapplication.requiredTimeOfReadiness = documen
解决elementui日期时间选择器提交时与后台date类型不匹配问题
weixin_30622181的博客
08-01 1342
问题描述： 　　在前端使用elementui的日期时间选择器后，在通过axios进行提交的时候，前端控制台出现了400（数据类型不匹配的错误）的错误。 <el-form-item label="跟进时间" prop="traceTime"> <el-date-picker v-...
element ui 时间和上传
lang09的博客
08-18 466
-----------------------------时间插件------------------------------------ <el-form-item label="结束时间"> <el-col :span="11"> <el-date-picker v-model="form.end_time" type="datetime"
element-plus中date-picker组件属性default-time不生效解决办法
最新发布
weixin_49651379的博客
03-21 5036
element-plus中date-picker组件属性default-time不生效解决办法。
REACT学习
珠穆朗玛
09-13 491
js日期处理类http://momentjs.cn/
elementui日期选择器传值给后端导致解析反序列化异常报错
MBAI的博客
01-30 1079
设置成这个就ok了 如果只是年月日的话我之前发生的情况还是报错，不转也报错，转成图片这样就ok了
ant design 的日历选择组件在safari显示NaN问题的解决方案
qq_35976676的博客
05-08 1130
问题：如题 现象： 解决方案：这是一个兼容性问题，解决方案可以把时间格式由 ‘-’ 改为 ‘/’，比如 ‘2021-05-06’ 改为 ‘2021/05/06’ 。
Element-ui DatePicker显示周数的方法示例
10-16
Element-ui 是一个流行的 Vue.js UI 框架，提供了丰富的组件库，包括日期选择器 DatePicker。在电商领域，运营人员经常需要按照周来进行数据分析和计划制定，因此在日期选择器中显示周数变得尤为重要。然而，Element...
element-ui 限制日期选择的方法(datepicker)
08-27
Element-UI 日期选择器提供了多种类型的日期选择器，如日期选择器、日期时间选择器、日期范围选择器等。在这里，我们将使用日期选择器来演示限制日期选择的方法。 在上面的示例代码中，我们使用了两个日期选择器，...
vue element-ui el-date-picker限制选择时间为当天之前的代码
10-16
希望本文对你在使用Vue.js和Element UI进行Web开发时，如何实现日期选择器的日期范围限制有所帮助。如果你对本文内容有任何疑问，欢迎留言，我们将提供及时的反馈和帮助。同时，也欢迎将本文内容分享出去，让更多的...
关于element-ui的日期选择器的坑
m0_59198858的博客
11-25 543
关于element-ui的时间选择器，这个组件对于选择时间来说是非常方便的，但是有个最大的弊端就是当点击事件发生时且用到时间时，再次取消时间点击事件的时候时间值则会变成null。 我们只需要将时间写成为三目就可以轻松解决这个问题 this.formData.data!==null?this.formData.data[0]:null, //开始日期 this.formData.data!==null?this.formData.data[1]:null, //结束日期 就可以解决这个问题 ...
element-ui 日期选择器数据问题
MoMo@blog
05-11 7132
功能描述：点击编辑按钮，进到编辑页面，得到的数据绑定到form表单，用户可以修改里面的数据 element-ui问题：点击日期选择器，选择日期，绑定的form.date数据不会变化 &amp;lt;template&amp;gt; &amp;lt;el-date-picker v-model=&quot;date&quot; //原来绑定的是form.date,但是选择日期以后，数据不会变化 typ...
解决elmentui的时间选择器的选定时间与传给后端实际值相差8小时问题
weixin_45472167的博客
05-19 2682
需求场景： 业务是需要根据时间查询数据，并且进入页面，时间选择器默认显示的值是今天凌晨0点到当前这个时间段 前端界面： 后端参数： 问题描述 因为是选取时间范围，我前端使用的是两个elmentui的DateTimePicker： 绑定的参数分别是startTime和endTime。 如上图所示，定义了两个参数，赋予初始值。理论上这样就行了，但是问题出现了。 时间选择器显示的时间是对的，但实际传参确是： 可以很明显看到显示的时间比传参时间多8个小时。 然而当我手动取选择时间时： 选择器显示时间
关于处理后台接收ElementUI中的时间组件的值报错的处理方案(我自己最好的解决方案)
weixin_45860403的博客
09-17 1537
后台接收前端的时间类型报错的处理办法最简单的方法,点进来看看就能解决您的问题
前端时间传递后端遇到问题总结
ChickenBro_的博客
03-03 1985
以3月4号为例子： 1.前端传递date对象 控制台： 后端Dto 使用Date接收 private Date planSignTime 结果：后端报错 JSON parse error: Cannot deserialize value of type `java.util.Date` from String "2020-03-03T16:00:00.000Z"； 原因：待补充...
ElementUI控件el-date-picker 时间段误差8小时问题的处理
热门推荐
niaonao
03-10 2万+
DatePicker 日期选择器时间端参数误差问题处理 前言 &nbsp;&nbsp;&nbsp;&nbsp;一个前后端分离项目, 前端项目Vue + ElementUI 搭建, 后端项目SpringBoot + JFinal 搭建. &nbsp;&nbsp;&nbsp;&nbsp;前后端开发完成后, 使用el-date-picker 组件按时间段查询数据, 发现查出的数据时间上总有些误差, 数据...
【ElementUI】日期选择器时间选择范围限制
coldriversnow的专栏
07-04 1万+
element时间选择范围
Element el-date 日期时间选择器详解
程序员大阳
10-15 1万+
本文目录1. 前言2. 基本用法3. 设置默认时间4. 选择范围5. 设置默认起止时刻6. 小结 1. 前言 之前我们已经讲述了时间选择器，日期选择器的用法。 Element还提供了集日期时间与一体的选择器，即日期时间选择器，用于同时选择日期时间的场景。 2. 基本用法 代码如下： 基本用法，选择任意日期时间：{{value1}} <el-date-picker v-model="value1" type="datetime" placeholder="选择日期时间" value-forma
element-ui DatePicker 日期选择器选中日期和传给后台的日期不一致问题
sinat_27818621的博客
08-11 3636
使用element-ui DatePicker 日期选择器，选中日期是2021-08-02至2021-08-03，但是后台接口收到的确是2021-08-01至2021-08-02，F12发现浏览器中日期的值是 2021-08-01T16:00:00.000Z和2021-08-02T16:00:00.000Z； 所以确定是由于时区导致的日期不一致，解决办法就是在日期控件中加入 value-format="yyyy-MM-dd"，问题解决 <el-date-picker valu
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值