我有一个日期选择器,它会向我抛出一个选定的日期,我需要将此日期拆分为月,日和年,以便我可以查阅其他用户数据,我可以正确地拆分它,并且console.log显示正确的日,月和日。一年的问题是我不知道如何在函数中使用它们。当我在函数上使用它们时,它将引发未定义的状态。
这是我的代码
import DatePicker from 'react-native-datepicker';
const PersonalForm = ({onSubmit, errorMessage}) => {
const [vBirthDate, setvBirthDate] = useState('');
const [month, day, year] = vBirthDate.split('/')
console.log(`Month: ${month}`)
console.log(`Day: ${day}`)
console.log(`Year: ${year}`)
const RFC = () => {
console.log(vName,
vSecondName,
vLastName,
vSecondLastName,
vBirthDate,
vBirthDate.day,
month,
`Month: ${month}`,
`Day: ${day}`,
`Year: ${year}`);
}
return (
<ScrollView>
<View style={styles.containerdate}>
<DatePicker
date={vBirthDate} //initial date from state
mode="date" //The enum of date, datetime and time
placeholder="select date"
format="DD/MM/YYYY"
minDate="01/01/1900"
maxDate="01/01/2019"
confirmBtnText="Confirm"
cancelBtnText="Cancel"
androidMode="spinner"
customStyles={{
placeholderText: {
fontSize: 16,
},
dateIcon: {
height: 0,
width: 0,
},
dateText: {
color: '#b3b4b5',
fontSize: 16,
},
dateInput: {
borderWidth: 0,
}
}}
onDateChange={(date) => {setvBirthDate(date);RFC();} }
/>
</View>
</ScrollView>
);
};
功能RFC可以正确打印日期以外的所有内容
1]在变更事件中,将“ date”作为参数传递给RFC方法。