在react native中打开后,日期穿刺器未关闭

8yoxcaq7  于 2022-12-14  发布在  React
关注(0)|答案(1)|浏览(124)
const [mydate, setDate] = useState(new Date());
   const [displaymode, setMode] = useState('date');
   const [isDisplayDate, setShow] = useState(false);
   const changeSelectedDate = (event, selectedDate) => {
   const currentDate = selectedDate || mydate;
   setDate(currentDate);
};
const showMode = (currentMode) => {
   setShow(true);
   setMode(currentMode);
};
const displayDatepicker = () => {
   showMode('date');
};
return (
   <SafeAreaView style={styles.container}>
      <View>
         <Button onPress={displayDatepicker} title="Show date picker!" />
            </View>
               {isDisplayDate && (
                  <DateTimePicker
                     testID="dateTimePicker"
                     value={mydate}
                     mode={displaymode}
                     is24Hour={true}
                     display="default"
                     onChange={changeSelectedDate}
            />
         )}

我有一个按钮,打开一个日期piker当我点击确定的日期piker日期piker soes不关闭也我想选定的日期是控制台登录()当我点击确定

iqxoj9l9

iqxoj9l91#

在函数changeSelectedDate中添加setShow(false)。例如

const changeSelectedDate = (event, selectedDate) => {
   const currentDate = selectedDate || mydate;
   setDate(currentDate);
   setShow(false)
};

相关问题