ant-design for react 日期选择器遇到的问题。（mars3d开发）

问题描述：

在修复mars3d react功能示例的bug中发现
当endTime值为空时，就会出现下面的情况。moment方法中需要两个参数且不能为空。出现这种情况的原因是将日期选择器中的时间清空。

 <MarsDatePickervalue={ moment(endTime, "YYYY-MM-DD HH:mm:ss") }format="YYYY-MM-DD HH:mm:ss"onChange={onChangeEndTime}></MarsDatePicker>

解决办法：

判断endTime 是否为空，如果为空，那么日期选择器中显示的值就为null，这样就可以避免上述的错误

         <MarsDatePickervalue={endTime ? moment(endTime, "YYYY-MM-DD HH:mm:ss") : null}format="YYYY-MM-DD HH:mm:ss"onChange={onChangeEndTime}></MarsDatePicker>

备注：

MarsDatePicker组件就是对ant中日期选择器的一次再封装，功能使用上是一致的

ant-design for react 日期选择器遇到的问题。（mars3d开发）相关推荐

Ant Design of React从入门到开发教程
Ant Design Pro 是一个企业级中后台前端/设计解决方案. 目录: 一:开发前的准备二:创建页面三:创建组件并引用四:封装网络请求和网络请求走向五:登录流程以及路由权限设置六:父组 ...
ant design vue的ApiSelect选择器使用注意点
当使用的是ant design vue的ApiSelect时要注意,component这边要引用'ApiSelect',然后要链接后端接口,如下图中的'api:StaffApi.getList',重点 ...
oracle中showTime用法,ant design vue中日期选择框混合时间选择器的用法
首先时间格式化用到moment方法,需要在页面中引入moment组件 import moment from 'moment' 结构代码: 其中,showTime.defaultValue是设置的默认展 ...
ant design datepicker处理日期范围操作
我是歌谣放弃很容易但是坚持一定很酷微信公众号关注前端小歌谣学习前端知识 1需求此刻日期之前的不能选择当天日期结束时间比开始时间打基本样式 <Row gutter={12}>&l ...
Ant Design Vue DatePicker 日期选择框限制可选时间
背景发送时间需要限制在当前时间分钟之后,比如:当前时间是2022年6月7日12:00,那么时间选择器可选的时间是:在2022年6月7日12:00 之后的. 实现 <a-date-pickers ...
使用Ant Design 和Vue，React中后台开发套餐
2019独角兽企业重金招聘Python工程师标准>>> 前言目前Ant Design 提供 React 和 Vue 两种整合开发框架,开箱即用的中台前端/设计解决方案,可适合中小公 ...
html5 自定义 datepicker,如何使用 React 构建自定义日期选择器(3)
本文作者:IMWeb howenhuo 未经同意,禁止转载 Datepicker 组件构建 Datepicker 组件要开始构建 Datepicker 组件,请将以下代码片段添加到 src/com ...
【Ant Design】下拉列表Select 、日期选择框DatePicker等跟随滚动条上下移动解决方案
出现原因下拉弹出的列表div是添加到body下的.当滚动条滚动时,初始化计算的top.left属性不会更新,因此组件会随着滚动条上下移动. 解决方案单个组件解决方案 <Select getP ...
使用create-react-app搭建TypeScript+React+Ant Design开发环境
一.使用create-react-app创建一个支持TypeScript+React的开发环境: 要创建一个支持TypeScript的Create React App项目,可以运行: npx crea ...

ant-design for react 日期选择器遇到的问题。（mars3d开发）

问题描述：

解决办法：

备注：

ant-design for react 日期选择器遇到的问题。（mars3d开发）相关推荐

最新文章

热门文章