React Native 社區日期選擇器：將選擇日期設置為文本組件（React State Hooks）

Question

我已經實現了選擇和查看日期如下，

const [pickDate, setPickDate] = useState(new Date());

const onChange = (event, selectedDate) => {
     const currentDate = selectedDate || date;
     setShow(Platform.OS === 'ios');
     setDate(currentDate);
     setPickDate(selectedDate);
   };

<View> 
    <View>
       <Button onPress={showDatepicker} title="Show date picker!" />
       </View>
       <View>
         <Button onPress={showTimepicker} title="Show time picker!" />
       </View>
       {show && (
         <DateTimePicker
           testID="dateTimePicker"
           value={date}
           mode={mode}
           is24Hour={true}
           display="default"
           onChange={onChange}
         />
       )}
       <Text>{pickDate}</Text>
    </View>
</View>

但是在選擇日期后出現以下錯誤。

任何人都可以提出解決方案嗎？

Answer 1

根據官方文檔，日期應該是字符串格式。

像"2016-05-15" ，你似乎傳遞了一個 Date 對象。 const [pickDate, setPickDate] = useState(new Date());

請用字符串替換日期對象，這肯定會起作用。

參考： https : //github.com/xgfe/react-native-datepicker