首页 > 解决方案 > 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>
    )
}

标签: javascriptreactjsreact-datepicker

解决方案


推荐阅读