当前位置: 首页 > 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
  • 习近平抵达莫斯科对俄罗斯进行国事访问并出席纪念苏联伟大卫国战争胜利80周年庆典
  • 马上评|不再提“智驾”,新能源车企回归理性
  • 五一假期上海两大机场客流量超193万人次,创历年同期最高
  • Neuralink脑接设备获FDA突破性医疗设备认证
  • 创历史同期新高!“五一”假期全国快递揽投超48亿件
  • 山东滕州一车辆撞向公交站台撞倒多人,肇事者被控制,案件已移交刑警