当前位置: 首页 > news >正文

react 使用Ant Design中DatePicker设置mode=“year“无法获取value

一、问题描述

<DatePicker 
placeholder="请选择年份"  
mode="year" 
onChange={this.onChange}
 />

// 使用上边代码,界面呈现出只有年份的选择器。但是, onChange 事件根本不会触发,获取不了值!

二、解决办法

  • onOpenChange 方法,是 弹出日历和关闭日历的回调, 可以通过 onOpenChange 方法判断当前的操作是要面板关闭还是打开,来控制面板的显隐。

  • onPanelChange方法,是 日历面板切换的回调,可以通过这个方法获取value值

  • onChange方法,可以通过onChange方法控制点击清除图标时清除数据

1、不使用form
在这里插入图片描述
2、使用form
在这里插入图片描述

相关文章:

  • 自动驾驶---什么是Frenet坐标系?
  • [数据集][目标检测]水面垃圾检测数据集VOC+YOLO格式2027张1类别
  • 通过redis-operator 来部署 Redis Cluster 集群
  • GIT使用常见问题
  • 【Linux 从基础到进阶】MongoDB 数据库安装与调优
  • Java笔试面试题AI答之正则表达式(3)
  • Java中的TCP/IP与UDP协议Socket入门
  • linux~~目录结构远程登录教程(xshell+xftp)
  • CSS解析:盒模型
  • 前端宝典二十七:React Native最佳实践实例推荐
  • 【Spring Boot 3】【Web】ProblemDetail
  • 【C++取经之路】map的详细介绍及其使用
  • XSS 漏洞 - 学习手册
  • P1597 语句解析
  • Java 入门指南:初识 Java NIO
  • Android终端如何快速接入GB28181平台实现实时音视频回传
  • 【JupyterLab】pip安装过程问题记录(未完)
  • OpenAI 联合创始人的 AI 安全公司 SSI 筹集 10 亿美元资金|TodayAI
  • 《自然语言处理》—— jieba库的介绍与使用
  • docker启动kafka并挂载配置文件,并让外部环境连接kafka
  • 助力企业高质量出海,上海静安发放服务包、服务券
  • 证券时报:“好房子”标准即将全面落地,购房者有哪些新期待
  • 《九龙城寨之围城》斩获香港金像奖九项大奖,包括最佳影片
  • 我国核电总体规模首次跃居世界第一,发电量持续增长
  • 在县中,我看到“走出去”的渴望与“留下来”的惯性
  • 游戏论|迟来的忍者与武士:从《刺客信条:影》论多元话语的争议