javascript - React Native 社区日期选择器 : Set Picked Date to Text Component (React State Hooks)

标签 javascript react-native

我已经实现了如下选择和查看日期,

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>

但是在选择日期后出现以下错误。

enter image description here

谁能提出解决方案?

最佳答案

根据官方文档,日期应该是字符串格式。

"2016-05-15",你似乎传递了一个日期对象。 const [pickDate, setPickDate] = useState(new Date());

请将日期对象替换为字符串,这肯定会起作用。

引用:https://github.com/xgfe/react-native-datepicker

关于javascript - React Native 社区日期选择器 : Set Picked Date to Text Component (React State Hooks),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63719443/

相关文章:

javascript - 循环 2 "Loading"背景图片

javascript - 如何滚动到动态添加的最后一个div?

javascript - 试图从 list2 中获取 "new markers"

javascript - 如何将对象添加到firestore对象数组的第一个索引

javascript - 没有异步/等待,缓存中的更改不会被保存

javascript - 以 12 小时格式显示预计到达时间 React Native

android - 如何在 Flatlist 中使用单选按钮 - React native

javascript - AngularFire 获取 child 的数据

Android 加载 JS 包失败

javascript - JS点击事件取决于div宽度