Jak ograniczyć wybór daty w React natywny ios/andoird datepicker

Question

Chciałbym ograniczyć użytkowników do wybierania konkretnych dat w oparciu o logikę biznesową w reagowanie natywnych ustawiaczy data ios/Android. Obecnie w dokumencie widzę tylko, że można podać min. Datę i maks. Datę. Czy istnieje sposób, aby ograniczyć tylko powiedzmy (5, 6, 10, 12, 18) miesiąca?

Uwaga: terminy te są tylko przykładem byłoby zmienić od przypadku do przypadku scenariusza

Answer 1

Na przykład IOS

<DatePickerIOS 
 
     date={this.state.chosenDate} 
 
     onDateChange={(date) => { 
 
     if(isAllowedDate(date)) { 
 
      this.setState({chosenDate: newDate}) 
 
     } 
 
     else { 
 
      this.setState({error:'you can not select this date ...'}) 
 
     } 
 

 
     }} 
 
    />

Answer 2

użytku react-native-datepicker moduł dla iOS i Androida, ustawić metoda sprawdzania, czy data jest ważna lub nie,

render(){ 
    return(
     ... 
     <DatePicker 
      mode="date" 
      placeholder="select date" 
      format="YYYY-MM-DD" 
      onDateChange={this.saveDateIfValid} 
     /> 
     ... 
    ) 
} 


saveDateIfValid = (date) => 
{ 
    if(date){ 
     let dateArray = data.split("-"); 
     let validDays = [5,6,10,12,18]; 
     let selectedDay = parseInt(dataArray[2]); 
     if(validDays.indexOf(selectedDay) > -1){ 
      //date is valid 
      this.setState({date : date}); 
      return;  //end the method 
     } 
    } 

    //not valid 
    this.setState({date : null}); 
}