解决antd日期选择组件,添加value就无法点击下一年和下一月问题


Posted in Javascript onOctober 29, 2020

原因:

表单监听了关闭事件,执行了setState,若是给closeFloatingLayer增加延时就可看出来antd数据的变化。

解决antd日期选择组件,添加value就无法点击下一年和下一月问题

解决方法:

DatePicker外面套一层div,然后阻止冒泡

解决antd日期选择组件,添加value就无法点击下一年和下一月问题

补充知识:antd 的 RangePicker 中日期选择近三月

今天遇到一个问题,日期插件中只能选择近三个月。代码如下:

解决antd日期选择组件,添加value就无法点击下一年和下一月问题

属性中 disabledDate 就是日期禁止选择。

1、当前天之前

解决antd日期选择组件,添加value就无法点击下一年和下一月问题

2、当前天之后

解决antd日期选择组件,添加value就无法点击下一年和下一月问题

3、近三月

解决antd日期选择组件,添加value就无法点击下一年和下一月问题

4、后三月

解决antd日期选择组件,添加value就无法点击下一年和下一月问题

以上这篇解决antd日期选择组件,添加value就无法点击下一年和下一月问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery中ajax方法data参数的用法小结
Feb 12 Javascript
微信内置浏览器私有接口WeixinJSBridge介绍
May 25 Javascript
关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法
May 17 Javascript
jQuery读取XML文件的方法示例
Feb 03 Javascript
angular bootstrap timepicker TypeError提示怎么办
Jun 13 Javascript
利用 spin.js 生成等待效果(js 等待效果)
Jun 25 Javascript
基于复选框demo(分享)
Sep 27 Javascript
JS基于for语句编写的九九乘法表示例
Jan 04 Javascript
Angular4 反向代理Details实践
May 30 Javascript
vue弹窗组件的实现示例代码
Sep 10 Javascript
JQuery animate动画应用示例
May 14 jQuery
JavaScript写个贪吃蛇小游戏(超详细)
Mar 17 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
Oct 29 #Javascript
解决ant Design中Select设置initialValue时的大坑
Oct 29 #Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
Oct 29 #Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
Oct 29 #Javascript
解决ant Design Search无法输入内容的问题
Oct 29 #Javascript
js实现随机圆与矩形功能
Oct 29 #Javascript
在vue中使用jsonp进行跨域请求接口操作
Oct 29 #Javascript
You might like
图象函数中的中文显示
2006/10/09 PHP
xml在joomla表单中的应用详解分享
2012/07/19 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
jquery 可排列的表实现代码
2009/11/13 Javascript
理解Javascript_08_函数对象
2010/10/15 Javascript
extjs ColumnChart设置不同的颜色实现代码
2013/05/17 Javascript
window.open打开页面居中显示的示例代码
2013/12/27 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
2015/04/28 Javascript
Javascript简单改变表单元素背景的方法
2015/07/15 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
2015/08/06 Javascript
jQuery层级选择器实例代码
2017/02/06 Javascript
基于nodejs+express4.X实现文件下载的实例代码
2017/07/13 NodeJs
react router4+redux实现路由权限控制的方法
2018/05/03 Javascript
Node.js创建HTTP文件服务器的使用示例
2018/05/11 Javascript
js将URL网址转为16进制加密与解密函数
2020/03/04 Javascript
JavaScript装饰者模式原理与用法实例详解
2020/03/09 Javascript
[03:36]2015国际邀请赛第二日现场精彩集锦
2015/08/06 DOTA
Python最基本的输入输出详解
2015/04/25 Python
谈谈python中GUI的选择
2018/03/01 Python
pygame游戏之旅 添加icon和bgm音效的方法
2018/11/21 Python
全面介绍python中很常用的单元测试框架unitest
2020/12/14 Python
详解CSS3中字体平滑处理和抗锯齿渲染
2017/03/29 HTML / CSS
HTML5如何实现元素拖拽
2016/03/11 HTML / CSS
微信小程序之html5 canvas绘图并保存到系统相册
2019/06/20 HTML / CSS
将世界上最美丽的摄影作品转化为艺术作品:Photos.com
2017/11/28 全球购物
UGG英国官方网站:UGG UK
2018/02/08 全球购物
IRO美国官网:法国服装品牌
2018/03/06 全球购物
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
介绍下Java中==和equals的区别
2013/09/01 面试题
小学毕业感言500字
2014/02/28 职场文书
财务总监管理职责范文
2014/03/09 职场文书
党的群众路线教育实践活动方案
2014/10/31 职场文书
2015年初中教务处工作总结
2015/07/21 职场文书
深入理解python多线程编程
2021/04/18 Python
Mysql存储过程、触发器、事件调度器使用入门指南
2022/01/22 MySQL
vue3种table表格选项个数的控制方法
2022/04/14 Vue.js