反应无限日历范围选择

【问题标题】：React-infinite-calendar range selection反应无限日历范围选择
【发布时间】：2017-05-20 10:59:24
【问题描述】：

我在 react-infinite-calendar 中遇到onSelect 事件范围选择问题。任何人都可以建议我的答案吗？我想选择开始日期和结束日期并将这些值传递给状态。

【问题讨论】：

你有什么解决办法吗？可以分享一下吗？

标签： reactjs react-native datepicker react-redux

【解决方案1】：

JSX

<InfiniteCalendar
    Component={withRange(Calendar)}
    height={350}
    min={new Date(2017,8,1)}
    selected={this.state.selectedDates}
    layout={'portrait'}
    width={'100%'}
    onSelect={this.onCalendarSelect}
/>

onCalendarSelectCode

onCalendarSelect = (e) => {
        if (e.eventType === 3) {
            this.setState({ selectedDates: {
                start: e.start,
                end: e.end,
            } });
        }
    }

使用范围功能选择时将返回一个具有开始、结束和事件类型的对象。事件类型 3 表示用户已选择开始和结束。然后，您可以将其设置为 state。

【讨论】：