antd的datapicker组件数据回滚

已于 2023-03-22 17:26:20 修改
阅读量127 收藏
点赞数
文章标签： 前端 javascript react.js
于 2023-03-11 14:27:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51578916/article/details/129463223
版权
在处理日期回滚提交时，遇到日期未变化但表单值改变的情况。错误地使用moment模块格式化时间可能导致问题。正确做法是不加format直接赋值，避免报错。建议使用如moment(values).format(YYYY-MM-DD)这样的格式来确保日期正确格式化。
摘要由CSDN通过智能技术生成

1.有时候回滚提交时候发现日期的不动，但是表单里面的值确发现变了，可以重新塞值，修改下上传参数；moment模块或者dayjs模块格式化

 有时候会有一种错误写法，格式不了日期，错误写法如下：

moment(categoryDetail?.exchange?.executeTime, 'HH:mm:ss')

建议这样写

moment(values).format('YYYY-MM-DD')

当是赋值的时候不用加format,否则会报错

 

倘若没有炬火,我便是唯一的光
关注
Ant Design 日期选择组件RangePicker 选择时间范围后计算范围内的天数。
abc2346789的博客
02-01 3235
/** *需求：同年同月，同年不同月（两个月相减大于1，小于1），不同年（两个年相减大于1（是否为闰年），小于1），起止包含的月份及天 */ //首先引入组件 import { DatePicker} from 'antd'; const { RangePicker } = DatePicker; //render中引入 <RangePicker ...
echart 时间滚动_van-datetime-picker 选择时间时，自己滚动
weixin_30550985的博客
12-29 593
预定时间 data: { minHour: 10, maxHour: 20, minDate: new Date().getTime(), maxDate: new Date(2030, 10, 1).getTime(), currentDate: new Date().getTime(), minHour: 10, maxHour: 20, formatter(type, valu...
关于Antd中的RangePicker组件使用
最新发布
ts_shinian_web
07-12 4215
在Web应用程序开发中，日期选择器是一种常见的用户界面组件，用于让用户方便地选择日期。日期选择器的设计需要考虑可用性、易用性和用户体验等因素。在众多的前端框架和库中，提供了一个功能强大、易于使用的日期选择器组件。本文将深入探讨AntD中的日期选择器，包括其定义、作用、使用场景以及如何在实际应用中使用。Ant Design的日期选择器组件提供了一种方便、简洁的方式来让用户选择日期。它支持单选、多选和范围选择等多种模式，并提供了快速导航、自定义日期格式、禁用日期等功能。
daterangepicker时间段插件 使用总结
一个女胖子的博客
06-08 6743
一直觉得daterangepicker是一个很完美的插件，但是事实证明再完美的插件也满足不了所有人的需求，我主要是做的使用两个单日历实现范围选择，借此也把我查到的我认为很好的文章分享一下： 一般使用daterangepicker插件的初学者可能会遇到以下四个问题： 日期范围选择实现 单个日期时间选择 使用两个单日历实现范围选择 使用div代替input实现日期时间选择 下面按照顺序可以分...
RangePicker日期时间组件添加此刻，今天按钮
小蓝人的博客
06-06 898
【代码】RangePicker日期时间组件添加此刻，今天按钮。
Ant Design Pro(5)-6.高级表单ProForm
AG.『Feng』的博客
10-18 5075
PrForm表单使用
antd-DatePicker组件获取时间值,及相关设置方式
01-21
DatePicker组件默认语言是英语，需要设置为中文的话，需要安装moment。 import moment from “moment”; import “moment/locale/zh-cn” format属性，设置日期的格式，如“2020-02-28”。 设置日期 选择日期是...
antd Tree组件 搜索标红 例子
09-09
antd 的Tree组件带搜索，搜索内容标红
antd Form组件方法getFieldsValue获取自定义组件的值操作
01-18
自定义组件 1、自定义组件被getFieldsValue包裹，会获得以下属性 onChange方法, 子组件调用此方法，可将值传给父组件，从而Form可拿到自定义组件的值 value属性，获得初始值 2、组件调用 像Form表单内的组件一样...
antd picker组件 全国省市县数据
09-18
最新的全国省市县数据 数据格式[{ "label": "北京市", "value": "110000", "children": [{ "label": "北京市", "value": "110100", "children": [{ "label": "东城区", "value": "110101", ...
daterangepicker汉化配置
05-15
前端需要的日历时间选择插件，这个是可以同时选择开始和结束日期的。非常好用，网上的汉化也很难找，所以发此资源 大家一起学习。附件中包含 汉化配置.txt 说明
react-reactdaterangepicker基于react的日期范围选择组件
08-15
react-daterange-picker - 基于react的日期范围选择组件
umi antd跨组件数据共享 快速上手理解与应用
OnTheway
06-01 1416
搜索关键词umi connect 看到了
antd之RangePicker设置默认值
qq_42132814的博客
01-29 6919
今天在项目中有使用到日期选择框，在antd中选择了一个可以选择起始时间和结束时间的日期选择框RangePicker 有个需求是需要将当前时间和当前时间的前一天作为它的默认值，期间遇到了很多bug，在一番修改和csdn后终于修改好了，特此记录一下 首先翻看一下antd中日期选择框的api，它有一个defaultValue的属性，如果是RangePicker的话，他是接受一个数组作为参数，分别作为起始和结束的时间默认值 有点坑的地方在与我刚开始没看懂这里的moment[]，是啥意思，它这里需要传入mo
时间插件--daterangepicker使用
smile radiantly
01-02 452
1.序言: daterangepicker是Bootstrap的一个时间组件,使用很方便 用于选择日期范围的JavaScript组件。 设计用于Bootstrap CSS框架。 它最初是为了改善报表而创建的，它可以连接到任何网页元素，弹出两个日历，用于选择日期、时间或从预定义的范围，如“最后30天”。 2.需要的js和css: bootstrap.min.css daterangepicker.c...
elementUI中日期时间插件（DateTimePicke）daterange 时间跨度为15天 且 时间小于当前时间
莫不静好
09-21 1485
要求 1、时间跨度为半个月 2、不能选择大于当前日期的时间 页面效果 api 语法 实现 <el-date-picker v-model="value1" type="daterange" :picker-options="pickerBeginDateBefore" @change='selectData' range-separator="至" start-placeholder="开始日期" end-
ProComponents(适用于中后台的页面系列组件)学习: 添加或修改页面组件（三）
热水钟博客
05-20 3009
一、概述 一个添加或者修改页面，通常包括： 页面标题、面包屑、表单，表单验证、固定底部的按纽栏等。 这就涉及到：PageContainer页面容器组件+ProForm高级表单组件+ProFormFields 表单项（或者ProFormList、ProFormFieldSet、ProFormDependency ）。 还有一些特殊的表单页面：例如Json来生成表单，则用SchemaForm，筛选条件的表单QueryFilter / LightFilter，分步操作的表单StepsForm、浮层弹...
ant.design pro 发布时间对应两个参数值
weixin_43242560的博客
03-18 753
{ title: '时间', dataIndex: 'deployTime', valueType: 'dateRange', hideInSearch: false, render: (_, record) => <span>{record.deployTime}</span>, search: { transform: (value) => { return {
datetimerangepicker配置及默认时间段展示
weixin_34075551的博客
11-06 1745
&lt;script type="text/javascript"&gt; $(document).ready(function (){ //时间插件 $('#reportrange span').html(moment().subtract('hours', 1).format('YYYY-MM-DD HH:mm:ss') + ' - ' + moment().format('YYYY-...
antd表格组件数据为空展示
04-28
如果antd表格组件的数据为空，可以通过设置`locale.emptyText`属性来展示相关提示信息。比如： ```jsx import { Table } from 'antd'; const dataSource = []; const columns = [ { title: 'Name', dataIndex:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值