解决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 相关文章推荐
js实现飞入星星特效代码
Oct 17 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
Mar 11 Javascript
js图片轮播特效代码分享
Sep 07 Javascript
Javascript的表单验证-揭开正则表达式的面纱
Mar 18 Javascript
js转html实体的方法
Sep 27 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
Mar 21 Javascript
Vue的Class与Style绑定的方法
Sep 01 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
Jul 13 Javascript
vue路由教程之静态路由
Sep 03 Javascript
node.js使用http模块创建服务器和客户端完整示例
Feb 10 Javascript
解决vue 退出动画无效的问题
Aug 09 Javascript
swiperjs实现导航与tab页的联动
Dec 13 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
cmd下运行php脚本
2008/11/25 PHP
关于PHP内存溢出问题的解决方法
2013/06/25 PHP
php登陆页的密码处理方式分享
2013/10/14 PHP
PHP中遍历数组的三种常用方法实例分析
2019/06/24 PHP
基于Jquery的表格隔行换色,移动换色,点击换色插件
2010/12/22 Javascript
javascript对talbe进行动态添加、删除、验证实现代码
2012/03/29 Javascript
5个最佳的Javascript日期处理类库分享
2012/04/15 Javascript
JQuery实现倒计时按钮具体方法
2013/11/14 Javascript
一个网页标题title的闪动提示效果实现思路
2014/03/22 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
2015/08/01 Javascript
javascript html实现网页版日历代码
2016/03/08 Javascript
原生javascript实现的一个简单动画效果
2016/03/30 Javascript
checkbox 选中一个另一个checkbox也会选中的实现代码
2016/07/09 Javascript
jQuery实现弹出带遮罩层的居中浮动窗口效果
2016/09/12 Javascript
jQuery实现两个select控件的互移操作
2016/12/22 Javascript
原生js实现放大镜特效
2017/03/08 Javascript
详解原生js实现offset方法
2017/06/15 Javascript
javaScript中的空值和假值
2017/12/18 Javascript
Vue 组件(component)教程之实现精美的日历方法示例
2018/01/08 Javascript
layui弹出框Tab选项卡的示例代码
2019/09/04 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
2020/06/28 Javascript
Python 创建子进程模块subprocess详解
2015/04/08 Python
Python连接SQLServer2000的方法详解
2017/04/19 Python
Python操作MongoDB详解及实例
2017/05/18 Python
Python PyQt5 Pycharm 环境搭建及配置详解(图文教程)
2019/07/16 Python
分享8点超级有用的Python编程建议(推荐)
2019/10/13 Python
Python实现密码薄文件读写操作
2019/12/16 Python
基于Python数据结构之递归与回溯搜索
2020/02/26 Python
完美解决ARIMA模型中plot_acf画不出图的问题
2020/06/04 Python
基于HTML5 的人脸识别活体认证的实现方法
2016/06/22 HTML / CSS
学术会议欢迎词
2014/01/09 职场文书
绿色环保口号
2014/06/12 职场文书
大学生年度个人总结
2015/02/15 职场文书
医学生自荐信范文
2015/03/05 职场文书
怎样写好演讲稿题目?
2019/08/21 职场文书
Python装饰器详细介绍
2022/03/25 Python