reactjs - React Day Picker:如何在“选择多个日期”中禁用与禁用日期的交互
问题描述
如何在“选择多个日期”中禁用单击日期。
在我的渲染中,
<DayPicker selectedDays={this.state.selectedDays} onDayClick={this.handleMultiDayClick} disabledDays={{ before: this.state.currentDay }} />
我可以禁用日期,但如果我单击禁用日期,那么它们也会添加到状态中。
我将不胜感激。
解决方案
您不能简单地检查 onclick 处理程序中的禁用日期并从您的 selectedDays 状态对象中排除禁用日期吗?
handleMultiDayClick(e) {
// check here for disabled dates
if(!disabledDate) {
this.setState({selectedDays: this.state.selectedDays.push(newDate).slice(0)})
}
}
推荐阅读
- javascript - JSDOM:删除曾经嵌套的块引用,但留下 2+ 嵌套块引用
- mongodb - 如果条件,如何在mongodb的另一个查询中使用一个查询布尔值?
- python - google.auth.exceptions.DefaultCredentialsError:在 Docker-compose 中找不到文件 /home/technophile/snap/skype/common/xyz.json
- matplotlib - 生成两个不重叠的色彩空间
- javascript - 在 HTML 中查找 React 组件的位置
- r - 将行乘以 R 中的某列
- python - 我的方法是蛮力搜索还是线性搜索?
- javascript - 响应式菜单未在 IE 11 上打开
- javascript - ReactDOM.unstable_renderSubtreeIntoContainer() 和 ReactDOM.createPortal() 方法有什么区别?
- java - 带毕加索的倒带按钮