解决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 相关文章推荐
JavaScript DOM 学习第七章 表单的扩展
Feb 19 Javascript
整理AngularJS中的一些常用指令
Jun 16 Javascript
javascript中Date()函数在各浏览器中的显示效果
Jun 18 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
Feb 16 Javascript
javascript每日必学之条件分支
Feb 17 Javascript
jQuery点击其他地方时菜单消失的实现方法
Apr 22 Javascript
JavaScript注入漏洞的原理及防范(详解)
Dec 04 Javascript
angular分页指令操作
Jan 09 Javascript
Angular2学习教程之ng中变更检测问题详解
May 28 Javascript
浅入深出Vue之自动化路由
Aug 06 Javascript
layer弹出层自适应高度,垂直水平居中的实现
Sep 16 Javascript
小程序中的箭头函数的具体使用
Jun 19 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
php缓冲 output_buffering的使用详解
2013/06/13 PHP
PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例
2015/02/07 PHP
WordPress主题制作中自定义头部的相关PHP函数解析
2016/01/08 PHP
ThinkPHP连接Oracle数据库
2016/04/22 PHP
PHP入门教程之字符串处理技巧总结(转换,过滤,解析,查找,截取,替换等)
2016/09/11 PHP
Laravel中间件实现原理详解
2016/10/09 PHP
php无限级分类实现评论及回复功能
2019/02/18 PHP
Javascript中对象继承的实现小例
2014/05/12 Javascript
js返回前一页刷新本页重载页面
2014/07/29 Javascript
JavaScript中实现单体模式分享
2015/01/29 Javascript
node.js require() 源码解读
2015/12/13 Javascript
浅谈使用splice函数对数组中的元素进行删除时的注意事项
2016/12/04 Javascript
Vue.js双向绑定实现原理详解
2016/12/22 Javascript
vue 标签属性数据绑定和拼接的实现方法
2018/05/17 Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
2018/11/15 Javascript
Angular6项目打包优化的实现方法
2019/12/15 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
2020/10/27 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
2021/01/25 Javascript
[03:59]DOTA2英雄梦之声_第07期_水晶室女
2014/06/23 DOTA
python使用smtplib模块通过gmail实现邮件发送的方法
2015/05/08 Python
手把手教你Python yLab的绘制折线图的画法
2019/10/23 Python
Python 自由定制表格的实现示例
2020/03/20 Python
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
用HTML5制作一个简单的弹力球游戏
2015/05/12 HTML / CSS
HTML5实现无刷新修改URL的方法
2019/11/14 HTML / CSS
英国领先的杂志订阅网站:Magazine.co.uk
2018/01/25 全球购物
蔻驰英国官网:COACH英国
2020/07/19 全球购物
NET程序员上机面试题
2015/05/23 面试题
入党自我鉴定范文
2013/10/04 职场文书
大学生实习感言
2014/01/16 职场文书
初中英语课后反思
2014/04/25 职场文书
复兴之路观后感3000字
2015/06/02 职场文书
护士医德医风心得体会
2016/01/25 职场文书
导游词之太湖
2019/10/08 职场文书
Python中Permission denied的解决方案
2021/04/02 Python
Redis如何使用乐观锁(CAS)保证数据一致性
2022/03/25 Redis