element-ui日期时间选择器的日期格式化问题

最新推荐文章于 2024-08-08 17:17:58 发布

codecho

最新推荐文章于 2024-08-08 17:17:58 发布

阅读量1.1w

点赞数 8

分类专栏： Spring Boot SpringMVC element-ui 文章标签： element-ui SpringMVC 日期格式化

本文链接：https://blog.csdn.net/weixin_36512652/article/details/89059489

版权

本文记录了在Vue+Element-UI项目中，使用DateTimePicker组件与SpringBoot后端进行日期时间交互时遇到的格式化问题及解决方案。通过注解@DateTimeFormat、@JsonFormat和配置文件调整，解决了日期转换异常和前端显示不友好的问题。

摘要由CSDN通过智能技术生成

最近在做vue+element-ui的后台管理页面，其中用到了DateTimePicker来选择日期时间，但是在将数据传回后台的过程中遇到了一些令人头疼的问题，在此记录一下解决方案，以免日后再次遇到。

前端页面

前端代码

       submitForm(formName) {
                this.$refs[formName].validate((valid) => {
                    let url = 'http://localhost:8088/pethospital/order-record'
                    let data = qs.stringify({
                        title: this.orderForm.title,
                        hospitalId: this.orderForm.hospitalId,
                        orderDate: this.orderForm.orderDate,
                        orderType: this.orderForm.orderType,
                        petVariety: this.orderForm.petVariety,
                        mobilePhone: this.orderForm.mobilePhone,
                        supplement: this.orderForm.supplement
                    })
                    if (valid) {
                        axios.post(url, data)
                            .then(response => {
                        
                            }).catch(error => {
                            this.$message({
                                message: '错误: