Làm thế nào để hạn chế lựa chọn ngày trong React native ios/dateo ngày tháng

Question

Tôi muốn hạn chế người dùng chọn ngày cụ thể dựa trên logic nghiệp vụ trong bộ chọn ngày ios/android gốc phản ứng. Hiện tại trong tài liệu tôi chỉ thấy rằng ngày tháng và ngày tối đa có thể được cung cấp. Vì vậy, có một cách để chỉ giới hạn cho phép nói (5, 6, 10, 12, 18) của một tháng?

Lưu ý: những ngày này chỉ là một ví dụ sẽ thay đổi từ một từng trường hợp kịch bản

Answer 1

Đối với IOS dụ

<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

sử dụng react-native-datepicker mô-đun dành cho iOS và Android, thiết lập một để kiểm tra xem ngày có hợp lệ hay không

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