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