关于处理后台接收ElementUI中的时间组件的值报错的处理方案(我自己最好的解决方案)

最新推荐文章于 2024-04-05 22:35:26 发布

逻辑与问题

最新推荐文章于 2024-04-05 22:35:26 发布

阅读量1.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Java 文章标签： java 前端框架 elementui spring mybatis

本文链接：https://blog.csdn.net/weixin_45860403/article/details/126910442

本文介绍了在使用ElementUI的时间组件向Java后台传递时间时遇到的日期格式错误问题，以及作者提供的最佳解决方案。通过调整前端 axios 请求格式和后台 DTO 类型，成功处理了包含时分秒的时间戳，避免了java.util.Date不支持的格式错误。文中包含了前端axios代码示例、后台DTO、Service及MyBatis的处理方法，并展示了最终成功结果。

在学习写项目的时候,有个需求要把时间传到后台前台选择后台接收,不能直接在后台new喔

Element中的时间组件传到后台时总是在接受参数时报错,经过排查后台的Date类型是java.util我们知道java.util中的date没有时分秒所以我们前台在传带时分秒的时候会报错yyyy-MM-dd HH:mm:ss

那么date接收不能这种格式的日期,那就换呗,因为别的api搞忘了,而且是做数据库时间的比较我没换

当然我下面的这种方式依然适用于别的类型的日期,

直接代码

前台代码

<!--将时间格式化为时间戳模式,axios传到后台-->
                    <el-form-item label="时间范围">
                        <el-date-picker
                                v-model="getBillsInfo.stime"
                                type="datetime"
                                placeholder="选择起始日期"
                                value-format="timestamp"
                        >
                        </el-date-picker>
                        <el-date-picker
                                v-model="g

最低0.47元/天解锁文章

新学期VIP享超值加赠