antd踩坑：日期选择器的可选日期控制的问题
2024-09-03 10:23:59
有一个需求是日期选择需要加一个日期限制。
于是我兴高采烈的加上去了。
// 日期可选判断方法
disabledDateFunc = current => {
const { disabledDateArray } = this.state;
if (disabledDateArray) {
return (
current && (current < disabledDateArray[0] || current > disabledDateArray[1])
);
} else {
return current;
}
};
结果发现一个问题：
比如我希望 用户可以选择 4月1日 到4月4日 。
结果 4月4日 也不能选？
后来知道原因了。
日期选择器用的是 moment 库。
当声明 moment 对象的时候，如果只声明日期，没有声明时间，时间就是当前时间（日期当然是声明的日期）。
而当前时间一定是在今天之内的，也就是说当判断的时候，临界值的时间会比当前时间小！
所以最后一天就不能选择了。
解决方法很简单。
// 日期可选判断方法
disabledDateFunc = current => {
const { disabledDateArray } = this.state;
if (disabledDateArray) {
return (
current && (current < disabledDateArray[0] || current > disabledDateArray[1].endOf('day'))
);
} else {
return current;
}
};
OK。解决问题。
以上
最新文章
- [转载]Linux命令笔记
- php编程安全指南
- HTML页面上获取鼠标的位置（备忘）
- C#winform设置DateTimePicker的时间格式
- java--静态的应用（工具类）
- 帝国cms 灵动标签【列表页】调用当前父栏目下的所有子栏目
- QString与char*的相互转换
- 4-static（静态变量）关键字
- java服务器获取客户端ip
- Gulp基础知识
- #Java学习之路——基础阶段（第十一篇）
- 基于MATLAB搭建的DDS模型
- Python数据类型的内置函数之list(列表)
- 脑残式网络编程入门(五)：每天都在用的Ping命令，它到底是什么？
- springmvc+ajax——第三讲（post请求）
- vue-router之路由钩子（组件内路由钩子必须在路由组件调用，子组件没用）
- How to properly set clock speed for STM32F4xx devices
- 【小程序+ thinkphp5】 获取微信运动数据
- 【转】eclipse反编译插件
- ”MySQL查询优化“学习总结