antd的时间框空了会显示Invalid

最新推荐文章于 2024-06-04 16:36:32 发布

原创最新推荐文章于 2024-06-04 16:36:32 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript学习同时被 2 个专栏收录

26 篇文章

订阅专栏

Antd组件

3 篇文章

订阅专栏

博客指出moment()处理null参数会出现Invalid问题，解决办法是在处理传参时，不要传moment(null)，而是直接传null，避免null进入moment(null)。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主要原因还是moment()将null 的参数处理

this.setState({ ipTime: e ? moment(e).format("YYYY-MM-DD HH:mm:ss") : null })

一开始处理传参时候就不要传moment(null),传null，然后不要让null进入moment(null)就不会出现Invalid问题

<DatePicker showTime placeholder="选择时间" onChange={this.timeonChange} style={{ width: 200 }} value={this.state.ipTime ? moment(this.state.ipTime, "YYYY-MM-DD HH:mm:ss") : null} />

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

孜然卷k

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

antd Form 组件使用 Select 组件设置 defaultValue 报错 defaultValue is invalid for getFieldDecorator ...

m0_37148591的博客

05-06

2万+

前言日常积累，欢饮指正问题描述错误代码段 import * as React from 'react' import { Card, Form, Select } from 'antd' const Option = Select.Option import { FormComponentProps } from 'antd/lib/form' interface IState { /...

React简单入门 - [Next.js项目] - 页面跳转、AntD组件、二级目录等

最新发布

Rudon滨海渔村的博客

12-12

1316

页面跳转、AntD组件等。React官网力荐Next.js：为何它取代了Create-React-App？

参与评论您还未登录，请先登录后发表或查看评论

Antd DatePicker Invalid date问题

yue200403的博客

09-01

6572

1.问题类型一：填了日期后，点击日期后的叉号后，变成如上图。 <DatePicker value={sourceData.m == undefined ? null : moment(sourceData.m, dateFormat)} format={dateFormat} onChange={(dataString) => changeInput(dataString != null ? moment(dataString).format(dateFormat) : dataStr...

Antd DatePicker Invalid date问题：点击DatePicker右侧图标后出现Invalid date和NaN

u010234868的专栏

05-23

985

点击DatePicker右侧图标后出现上图的Invalid date和NaN，在时间发生变化的回调onChange事件中打印发现，date为null，dateString为''。DatePicker的value属性做空值判断即可。

关于使用antd-desgin-vue中的时间插件默认值显示Invalid date错误的解决办法

Benz_s600的博客

09-08

8616

前言:在开发过程中，使用antd-desgin-vue框架的时候，使用a-time-picker这个时间组件时遇到了一个问题，业务：需要在编辑的时候先回显用户之前已经填过的时间，这个时候我刚开始的处理逻辑就是在mounted中请求完数据之后，直接赋值就行，看代码错误的姿势打开就是这个样子解决办法就是：先将这个值赋值为null，再用v-if判断栗子：最后谢谢这位大哥~~~~~~!!! ...

ANTD DatePicker设置默认值无效

fly_or的博客

05-14

4120

需求：DatePicker组件以“YYYY-MM-DDHH:MM:SS ”格式做时间选择，默认值为当前时间初始解决方案：DatePicker采用valueFormat限定格式，采用moment.js获取当前时间 <a-date-picker :defaultValue="currentTime" valueFormat="YYYY-MM-DD HH:MM:SS" show-time v-model="formItemDataSet.yxjzsj" .

React-antd日期选择框日期初始化问题(invalid date)解决

热门推荐

WebView

04-09

1万+

1、 2、在使用日期选择框的时候，当我们没有进行初始化，并格式化日期时，会出现以下情况 3、解决方法: 在state初始化时给予日期值为undefined 在日期选择框中进行判断 <DatePicker style={{ width: '110px' }} placeholder="开始日...

antdesign的时间date出现Invalid

懒羊羊懒羊羊

08-10

1656

【代码】antdesign的时间date出现Invalid。

antd `defaultValue` is invalid for `getFieldDecorator` will set `value`, please use `option.initialValue` instead.

07-05

在 Ant Design (AntD) 中，当你使用 `getFieldDecorator` 方法来装饰表单字段时，`defaultValue` 属性被标记为无效。这是因为 `defaultValue` 通常用于设置初始值，而 `getFieldDecorator` 更倾向于从数据绑定或状态...

antdesign日期选择器回显数据为空时页面上显示的是Invalid Date

07-13

当日期选择器回显的数据为空时，Ant Design 的日期选择器组件会显示 "Invalid Date"。这是因为日期选择器组件会尝试将回显的数据解析为有效的日期格式，但如果数据为空或无效，它将显示 "Invalid Date"。为了避免...

设置了null还是显示Invalid Date

07-13

在某些情况下，它可能仍然会尝试解析 `null` 值并显示 "Invalid Date"。为了避免显示 "Invalid Date"，你可以尝试使用空字符串作为日期选择器的默认值，而不是 `null`。在回显数据为空时，将默认值设置为空字符串...

解决antd Invalid Date问题

Joyce_T的博客

08-22

1187

antd Invalid Date

ant design 时间控件清空值

山外小楼

09-22

3246

有时候在使用时间组件，想要通过按钮来清空已经选择的值，可以再组件中添加一个key 来重置 <RangePicker width={230} format="YYYY-MM-DD" key={timeRest} onChange={(e, d) => {

antd RangePicker清空日期时报错

u010234868的专栏

06-03

993

属性时，始终传递数组，即使要清空日期也要传递。事件处理函数不正确，没有正确更新组件的状态。事件处理函数中，当用户清空日期时，更新。组件的要求来进行，比如直接设置了。

ant design DatePicker RangePicker范围选择框设置禁用日期、时间、分钟

u010234868的专栏

06-04

657

【代码】ant design DatePicker RangePicker范围选择框设置禁用日期、时间、分钟。

Element UI 日期选择器清除后报错

qq_56579776的博客

01-17

1161

在使用Element UI日期选择器时，开发者可能会遇到清除日期后报错的问题。通过这些解决方案，开发者可以有效地避免Element UI日期选择器清除后报错的问题，提高用户的体验。然而，在使用过程中，一些开发者遇到了Element UI日期选择器在清除后报错的问题。确保清除日期操作正确：在使用Element UI日期选择器时，开发者需要确保清除日期的操作是正确的。清除日期操作不当：在使用Element UI日期选择器时，开发者需要使用正确的方法来清除日期。如果使用的方法不正确，可能会导致清除后报错。

antd Input组件通过onChange事件获取输入内容时e.target.value为null

ze1024的博客

04-01

6481

问题背景:使用antd组件,想写一个输入框,没有用form,仅使用antd里面中Input组件,结果使用onChange时,获取到内容为null 解决方法:如下 //获取输入框内容 function inputChange(e) { dispatch({ type: 'TagManageModel/concat', payload: { inputValue: e || '' }, }); } <Input

element-ui的el-date-picker日期组件清空为null问题解决

weixin_44609958的博客

09-06

5088

在给项目增加一个按时间筛选的条件，当在组件右边点击x清空时，传入后端的时间参数就为空了，这就导致查出来的数据是全部。为了让点击清空按钮后条件不为空，可用watch监听其值变化，我设置默认为当前日期。相关代码如下： <el-form-item :label="$t('Period')"> <el-date-picker v-model="startDay" type="date" f

antd中DatePicker 在修改弹窗中的校验问题

agua001的博客

04-22

1534

1、问题描述：在修改弹窗中回显日期，后台返回的是字符串，如果直接赋值，并且未改动过日期选择器，点击修改确认按钮，则会提示校验失败 <a-col :span="12"> <a-form-item label="启动时间："> <a-date-picker placeholder="请选择启动时间" v-decorator="['startTime', config]"> </a-form-item> </a-col> data(){