广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue如何向后台传递日期
  • 226
分享到

vue如何向后台传递日期

2024-04-02 19:04:59 226人浏览 薄情痞子
摘要

目录如何向后台传递日期给后端发送日期格式如何向后台传递日期 直接向后台传,会报错格式转化错误。 Cannot deserialize value of type `java.util

如何向后台传递日期

直接向后台传,会报错格式转化错误。

Cannot deserialize value of type `java.util.Date` from String "2020-02-26"

前台写法:

<el-fORM-item label="部署时间" prop="deployDate">
      <el-date-picker
              v-model="dataForm.deployDate"
              type="date"
              value-format="yyyy-MM-dd"
              format="yyyy-MM-dd"
              placeholder="选择日期">
        </el-date-picker>
    </el-form-item>

后台写法:

controller中直接实体接收,只需要在实体类中加入如下代码,进行格式化处理即可

    @JSONFormat(shape = jsonFormat.Shape.STRING, pattern="yyyy-MM-dd")
    private Date deployDate;

给后端发送日期格式

// 给后端发送日期格式
formatDateValue(now) {
	var year = this.dateZero(now.getFullYear()); //取得4位数的年份
	var month = this.dateZero(now.getMonth() + 1); //取得日期中的月份,其中0表示1月,11表示12月
	var date = this.dateZero(now.getDate()); //返回日期月份中的天数(1到31)
	var hour = this.dateZero(now.getHours()); //返回日期中的小时数(0到23)
	var minute = this.dateZero(now.getMinutes()); //返回日期中的分钟数(0到59)
	var second = this.dateZero(now.getSeconds()); //返回日期中的秒数(0到59)
	return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
},
// 日期前面加0
dateZero(time) {
	if (time < 10) {
		time = "" + "0" + time;
	}
	return time;
},
//需要发送的值
this.formatDateValue(new Date(this.appointmentTime))

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。 

--结束END--

本文标题: vue如何向后台传递日期

本文链接: https://www.lsjlt.com/news/150327.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue如何向后台传递日期
    目录如何向后台传递日期给后端发送日期格式如何向后台传递日期 直接向后台传,会报错格式转化错误。 Cannot deserialize value of type `java.util...
    99+
    2022-11-13
  • SpringMVC中如何实现前台向后台传递值
    今天就跟大家聊聊有关SpringMVC中如何实现前台向后台传递值,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。一、概述。在很多企业的开法中常常用到SpringMVC+Spring+H...
    99+
    2023-05-31
    springmvc 如何实现 传值
  • jquery的ajax如何向后台传递数组
    jQuery是一款流行的前端JavaScript框架,它提供了丰富的功能和组件,其中之一就是Ajax。在Ajax中,我们经常需要向后台传递数据,无论是单个值还是多个值。本文将介绍如何使用jQuery的Ajax向后台传递数组。序列化数组在传递...
    99+
    2023-05-18
  • Java项目中前台如何向后台传递参数
    本篇文章为大家展示了Java项目中前台如何向后台传递参数,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。1.传字符串的形式,字符串中每个id用 “,” 隔开打印出来如下形式:前台JS代码functio...
    99+
    2023-05-31
    java ava 目中
  • vue前端如何向后端传递参数
    目录前端向后端传递参数get方法传参post方法传参vue前后端传参问题前端向后端传递参数 get方法传参 get方法传参,我们只需要把要传递的参数拼接到要发送的路径地址后面。 实例...
    99+
    2022-11-13
  • 如何解决jQuery.ajax向后台传递数组的问题
    小编给大家分享一下如何解决jQuery.ajax向后台传递数组的问题,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!jQuery....
    99+
    2022-10-19
  • jQuery如何接受后台传递的List
    小编给大家分享一下jQuery如何接受后台传递的List,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!jQuery接受后台传递的...
    99+
    2022-10-19
  • postman 如何实现传递 ArrayList 给后台
    目录postman 传递 ArrayList 给后台后台接受参数如下Postman中参数格式如下图所示Postman传递的参数是List类型实体类中引用了一个List参数是List集...
    99+
    2022-11-12
  • springcloud如何使用Feign后台内部传递MultipartFile
    目录如何使用Feign后台内部传递MultipartFile先修改FeignClient接口内部调用注意点Feign进行跨服务传递MultipartFile文件通过feign进行跨服...
    99+
    2022-11-13
  • Ajax中如何通过response在后台传递数据
    这篇文章主要为大家展示了“Ajax中如何通过response在后台传递数据”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Ajax中如何通过response在后台...
    99+
    2022-10-19
  • 如何使用ajax传递数组及后台接收
    这篇文章主要介绍了如何使用ajax传递数组及后台接收,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。前言我们在使用ajax异步的提交多选框得到...
    99+
    2022-10-19
  • springMvc前端如何使用json的方式向后台传递对象数组方法
    这篇文章主要介绍了springMvc前端如何使用json的方式向后台传递对象数组方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。如下所示:...
    99+
    2022-10-19
  • angular中如何使用post、get向后台传参
    小编给大家分享一下angular中如何使用post、get向后台传参,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!一、问题的来源我们都知道向后台传参可以使用get、put,其形式就类似于n...
    99+
    2022-10-19
  • vue在body和query中如何向后端传参
    目录在body和query中向后端传参dataparamsvue往后台传参(不是传对象)example在body和query中向后端传参 在vue向Django后端传参的时候,常常会...
    99+
    2022-11-13
  • nginx反向代理:如何将“accept-encoding”头传递给后端服务器
    要将“accept-encoding”头传递给后端服务器,您可以使用nginx的proxy_set_header指令。在nginx的...
    99+
    2023-09-17
    nginx
  • vue中子组件向父组件传递数据如何实现加减功能
    小编给大家分享一下vue中子组件向父组件传递数据如何实现加减功能,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!如下图所示:当没有任何操作的时候父组件的值是 0当点击加号以后父组件的值是 1...
    99+
    2022-10-19
  • Vue如何将后台传过来带html字段的字符串转换为HTML
    这篇文章主要介绍了Vue如何将后台传过来带html字段的字符串转换为HTML,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。后台传过来 一个带...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作