2017-02-08 5 views
1

BigCalendar react-big-calendarを使用しています。defaultDateの状態の値が変わる特定の日/月に移動する方法の例を探しています。react-big-calendar特定の日/月にナビゲートする

<BigCalendar 
     events={props.events} 
     defaultDate={this.state.selectedDay} 
/> 

BigCalendarのカレンダーは特定の日にナビゲート/月サポートされている場合、私は思ったんだけど、ドキュメントがonNavigate小道具が含まれますが、私はそれを動作させることができていません。あなたは自分自身常に日付を使用するために、TEHカレンダーを教えてくれます

<BigCalendar 
    selectable 
    events={events} 
    defaultView='week' 
    date={this.state.selectedDay} 
    onNavigate={(date) => { this.setState({ selectedDate: date }} 
/> 

を値を制御されているので、この場合はdefaultDateを使用したくない

<BigCalendar 
     selectable 
     events={events} 
     defaultView='week' 
     defaultDate={this.state.selectedDay} 
     onNavigate={() => { this.state.selectedDay }} 
    /> 

おかげ

+0

コールバックメソッドで選択された日付が渡されると思うので、defaultDateでその日付を設定する必要があります: 'onNavigate = {(a、b、c)=> {console.log(a 、紀元前); this.steState(selectedDay:/ * date value * /)}} 'bcのコンソール値をチェックすると、いずれか1つが選択された日付になります。 –

答えて

2

あなたはそれを伝えます。

+0

ありがとう!それは今働く! – Deano

+0

@ monastic-panicカスタムツールバーコンポーネント内でこれを行う方法はありますか? –

関連する問題