react calendar에서 선택한 날짜를 얻는 방법은 무엇입니까?

Question

내 프로젝트에서 react-native-material-calandarview를 다운로드했습니다.

그들은 일정을 잡기 위해 일부 코드를 제공합니다. https://github.com/NuclleaR/react-native-material-calendarview.

방금 ​​datesSelection={'range'}을 선택했지만 선택한 날짜를 어디서 얻었는지 알지 못합니다. datesSelection={'single'} 경우는

onDateChange={data => { 
    console.log(data.date);//date selected 
}} 

더 코드 날짜를 반환 :

render() { 
    return (
     <Calendar 
     width={(Dimensions.get('window').width)-32} 
     height={280} 
     tileHeight={35} 
     style={{alignSelf: 'center'}} 
     topbarVisible={true} 
     datesSelection={'range'} 
     firstDayOfWeek="monday" 
     showOtherDates="none" 
     currentDate={this.state.today} 
     selectedDates={this.state.dates} 
     eventsDates={[]} 
     eventsColor="#9C27B0" 
     onDateChange={data => { 
      //alert(sel_date); 
      console.log(this.state.data); 

     }} 
     onMonthChange={month => { 
      //alert(month) 
      console.log(month); 

     }} 
     /> 
    ); 
} 

Answer 1

그래서 onchange를 당신에게 사용자가이 REDUX/현지 된 상태로 저장하는 함수를 만들기 위해 당신에게 달려 선택 날짜를 표시합니다 .

onDateChange={this.onChange}

구성 요소 방법 : 같은 onchange를 당신에게 당신이 그것을 전달하는 인수에서 그 범위를 반환하는 범위

그래서 당신이 할 수있는 HTML에서

입니다

onChange = (date) => { this.setState({ selectedDate: date }) };