麻烦在函数上使用分割日期数据吗?

问题描述 投票:-3回答:1

我有一个日期选择器,它会向我抛出一个选定的日期,我需要将此日期拆分为月,日和年,以便我可以查阅其他用户数据,我可以正确地拆分它,并且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可以正确打印日期以外的所有内容

javascript reactjs react-native
1个回答
0
投票

1]在变更事件中,将“ date”作为参数传递给RFC方法。

© www.soinside.com 2019 - 2024. All rights reserved.