antd DatePicker 传到后端的值总是带多余的双引号 “”

原创 已于 2023-07-03 14:40:39 修改 · 321 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript #开发语言

于 2023-05-25 15:29:20 首次发布
文章讲述了在使用antd的DatePicker组件时遇到的时间格式问题，前端传递的日期值带有额外的双引号导致错误。解决方案包括在值外面包裹newDate()函数进行转换。另外，对于date.localDateisnotfunction的错误，可以通过引入dayjs库，并用dayjs()包裹默认时间来解决。

antd DatePicker 传到后端的值总是带多余的双引号
startDate: “2023-05-07T07:26:24.083Z”
endDate: “2023-05-26T07:26:24.083Z”
导致报错，但是前端打印出来是DatePicker 的 时间格式
【解决】
很简单传值的时候把每个值外面包裹new Date()，就可以了

【新的问题】：antd组件date.localDate is not function问题解决
也是时间组件的问题，给默认值会报错。
import dayjs from ‘dayjs’;
解决办法：在值外面包裹dayjs(defaultTime);

其他时间的问题

如何把字符串时间转换成带T的时间格式？
new Date(str)?.toISOString()

前端DatePicker组件设置默认日期并限制可选日期范围
蚂蚁搬砖我砌墙
09-03 1716
在使用DatePicker 组件时，实现一进页面就给日期设置一个默认查询范围（近7天），并且限制用户可以选择查询日期的范围为近一个月
前端传对象都后端获取参数的时候多了一对双引号
weixin_41566033的博客
10-26 6293
前端传参：正常传参。。。。 后端接收到的参数：多了双引号 找了好久都不懂哪里出错了，百度的方法前端的后端的都试了个遍也不行，后面还是从头到尾看了很多遍，参数也换了都不行，最后把入参的对象改了一下，果然发现了问题，我太菜了，这么低级的错误，前端传入的对象赋值错了。 刚开始对象赋值： 在这里插入代码片 let params={}; params = row.title; 修改后传参： 在这里插入代码片 let params={title: row.title}; 这样传入参数才是正确的。。。。
ant-design vue中时间选择框datepicker向后台传输错误
qq_37837768的博客
10-17 2598
ant-design vue中时间选择框datepicker向后台传输错误 最近在使用jeecgboot项目时,需要有时间查询条件,引用ant-design组件中的时间组件,但向后台提交是,抛出参数类型错误异常; 通过谷歌浏览器F12发现提交的时间格式为Moment(),并不是string; 解决问题步骤: 1.安装moment.js: npm install moment --save 修改m...
java 前端页面传过来的值怎么防止篡改_西安腾讯云前端面试经
weixin_39608526的博客
11-04 365
本人已入职，需要的内推的可以私聊我呦！一面:1，平时工作中有遇到过跨域问题吗？怎么解决的？答:遇到过，一般情况都是ajax请求的跨域问题，常用的解决方式有两种，一种是jsonp，就是通过创建script标签请求一个http接口，但是这种方式必须是get请求且后端必须与前端商量好一个调用方式，第二种是w3c推荐的方式:cors，这种一般是后台通过设置access-control-allow-orig...
前端提交JSON字符串中存在双引号
IOS_Mainstay的博客
06-02 1910
1、前端提交的JSON字符串中存在双引号，在校验JSON时报错，解决方法为 jsonStr = jsonStr.replace("\\","\\\\"); 即可
时间格式数据会多一层引号
weixin_47323421的博客
06-02 300
el-date-picker服务端存数据多一层引号，解决问题 在传入服务端的时候moment一次数据
antd表单有一个DatePicker，后端需要的是年月日时分秒的字符串格式，如何做到数据回显和传给后端的数据格式正确
08-14
- 使用场景：在 Ant Design 表单中，包括数据回显（显示从后端获取的数据）和提交（将数据发送到后端）。 我需要参考用户提供的引用： - 引用[1]：提到使用 dayjs 来处理日期格式问题，以及使用 onChange 事件。 - ...
Form.Item中包含DatePicker，如何将选中的时间转换为时间戳传给后端，将后端返回的时间戳转为moment对象显示出来，展示的数据格式为YYYY-MM-DD HH:mm:ss
最新发布
09-16
// 发送到后端... }; return ( name="dateRange" label="日期范围" // 对于RangePicker，valuePropName默认是'value'，且值会自动被处理为[moment, moment]数组 > 提交 ); }; export ...
# AntD中数据校验方式分类整理
DoubleJan的博客
11-11 1821
一 概述 这篇文章主要整理了我在近期工作中，所使用Form表单组件，并进行数据校验的心得。整理出来了三种主要的校验需求，分类梳理了开发思路和方法，以及部分Form表单使用的注意事项。 这三种分类为： 数据联动 单一数据校验 多数据联动校验 二 数据联动 有时候我们表单中的某一个控件的值可能会在别的控件中使用，或者，我们需要对输入值格式化。 举个例子，加入我们需要做一个新增档案的功能，某种事物的...
antd-react 组件库工作以来的总结
weixin_44457030的博客
11-13 1633
antd-react 组件库工作以来的总结
Antd之a-date-picker和a-time-picker组件传值
罗毅豪的博客
04-10 1083
使用a-date-picker和a-time-picker组件时传到后端，传参值为类似"2023-04-10T06:58:44.000Z"这样的字符串。 要恢复正常传值，可将前端传到后端日期格式统一为”YYYY-MM-DD HH:mm:ss”。 1.a-date-picker组件添加 show-time valueFormat="YYYY-MM-DD HH:mm:ss" 2.a-date-p...
前端js传参数自带引号怎么办
OneOnePeng的博客
04-11 4173
做小程序前端遇到的问题 如图 1、前端获取当前的小程序的页面栈，取其中值，获取到的参数是 2、参数这样传过去 3、后端报错 大致意思是前端传过来的参数不对，观察后发现原因是传过来的参数是自带双引号的，虽然js是弱类型语言但java并不是，java把js传过来带引号的参数（如”1“）误会成了String，但我需要的是Integer参数，所以就报错了。 解决问题 后端加以下代码，先转换成Integ...
Axios使用Post传String出现额外双引号或冒号、等号的解决方法
Geinu666的博客
04-13 1万+
Axios解决post字符串出现额外字符
Ant中引号("")的处理
Elena专栏
08-13 1791
在doc窗口运行命令tasklist | findstr "cmd.exe" > isFinished.txt转换为在Ant里运行，这个命令行要写在 <arg value="" /> 里，外面包裹了一层双引号"",这时候就要对命令行里的""做处理，一开始用' （单引号）代替，运行结果不对。后来查了下才发现处理的方式是：用"来代替"。<exec executable="cmd" dir="$
antd表单 datepicker赋值 日期格式化
m0_46251434的博客
04-02 3990
直接复制 报错 warning.js?2149:7 Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value, use `null` instead. <a-date-picker v-model="form.date" type="date" placeholder="请选择日期" style="width: 200px;" /> this.for
mybatis 条件不成立，Sql语句却拼接了
yuan_ren_sheng的博客
11-12 575
mybatis查询条件自动拼接未传递得查询语句
antd picker 使用 如何_antd DatePicker 控件选中时间的value值如何转化获取？
weixin_39632212的博客
12-20 3414
ant designer新版本已经有了以下方法，onChange中dateString是已经转换过的值，一般取值使用足够，非常简便import { DatePicker } from 'antd';const { RangePicker } = DatePicker;function onChange(value, dateString) {console.log('Selected Time: ...
antd-DatePicker组件获取时间值，以及相关设置
热门推荐
读心悦
03-01 2万+
DatePicker组件默认语言是英语，需要设置为中文的话，需要安装moment。 import moment from "moment"; import "moment/locale/zh-cn" format属性，设置日期的格式，如“2020-02-28”。 设置日期 选择日期是今天之前【包含今天】 需要和moment搭配应用 // 设置默认的起始日期 c...
react antd datepicker 初始值
08-14
在React Ant Design库中的DatePicker组件中，设置初始值通常涉及到状态管理。当你需要在组件初始化时就指定一个日期，你可以这样做： ```jsx import { DatePicker } from 'antd'; import moment from 'moment'; class MyComponent extends React.Component { state = { initialValue: moment('2023-04-01', 'YYYY-MM-DD'), // 这里是一个默认的日期实例，可以换成你需要的任意日期字符串或Date对象 }; render() { const { initialValue } = this.state; return ( <DatePicker value={initialValue} // 将state中的日期值绑定到DatePicker的value属性上 placeholder="选择日期" /> ); } } export default MyComponent;
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值