javascript - React Datepicker 包括没有周末的未来几天
问题描述
我正在使用在这里找到的 React Datepicker:https ://reactdatepicker.com/#example-11
我要做的是只允许用户提前选择一天最多 3 个“工作日”。使用filterDate
我能够过滤日历以仅显示工作日。我在文档中看到他们有一个includeDates
道具允许用户只选择某些日期。我试图弄清楚如何只包含最多 3 个工作日。所以如果今天是星期五。用户将只能选择:该周的周五、周一、周二。
这是我的代码:
this.state = {
dateFrom: new Date(),
}
render() {
const isWeekday = date => {
const day = getDay(date);
return day !== 0 && day !== 6;
};
return (
<div>
<DatePicker
selected={this.state.dateFrom}
filterDate={isWeekday}
//includeDates={[new Date(), addDays(new Date(), 1)]}
onChange={date=>this.setState({dateFrom: date })}
className="form-control"
/>
</div>
)
}
解决方案
推荐阅读
- laravel - Laravel 将数据透视时间戳更新为特定日期而不是附加日期
- ruby-on-rails - Rails 6.1 自我引用 has_many 缺失
- docker - gunicorn 在主机和容器中生成工人
- python - 给定销售前 5 年按每个卖家分组的汇总变量,不包括当年
- c++ - 如何知道特定的打印机错误以及如何处理它们?
- php - 如何在 woocommerce 的评论订单页面上添加自定义 JS 代码
- javascript - 滚动到视图元素隐藏在标题后面
- python - 如何在 tf.data.Dataset.from_generator 中保留字典键?
- wsdl - WSDLToJava:当 org.slf4j.helpers.NOPLogger 在类路径上时,AbstractGenerator 中的 NPE 调用 new VelocityGenerator(false)
- google-sheets - 测试单元格值是否在数组公式的区间内