無限カレンダーの範囲選択

Question

react-infinite-calendarで範囲選択のためにonSelectイベントの問題に直面しています。誰でも私に答えを提案できますか？私は開始日と終了日を選択し、それらの値を状態に渡すようにします。レンジ機能を備えた選択に

Answer 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, 
      } }); 
     } 
    } 

開始、終了、およびeventTypeを持つオブジェクトを返します。イベントタイプ3は、ユーザーが開始と終了を選択したことを示します。これを状態に設定することができます。