Question 33687 in React native Question posted in
The official React Native documentation can be found here.

display selected date from date piker in react native

I’m trying to use a datepiker in react native to consolelog the piked date when I click on the Button i want to console.log(slected) selected date

  const [text, setTextname] = useState();
const [mydate, setDate] = useState(new Date());
  const [displaymode, setMode] = useState('date');
  const [isDisplayDate, setShow] = useState(false);
    const changeSelectedDate = (event, selectedDate) => {
    const currentDate = selectedDate || mydate;
    let date = moment(selectedDate).format('DD/MM/YYYY');
    console.log('dadad', date);
    setTextname(date);

    setShow(false);
  };
  const showMode = currentMode => {
    setShow(true);
    setMode(currentMode);
  };
  const displayDatepicker = () => {
    showMode('date');
  }; 


  function getdata() {
  
    console.log('sdsds', text);
 
  }

<Button onPress={displayDatepicker} title="Show date picker!" />
        {isDisplayDate && (
          <DateTimePicker
            testID="dateTimePicker"
            value={mydate}
            mode={displaymode}
            is24Hour={true}
            display="default"
            onChange={text => changeSelectedDate()}
            // onChange={changeSelectedDate}
          />
        )}
<View style={styles.buttonw}>
        <Button
          color="#7743DB"
          title="Lets Go"
          type="submit"
          onPress={() => getdata()}
        />
      </View>

i have displayed the datepiker but i am not able to pick a date and pass it to getdata

Tags:

2

Answers


  1. 0

    You have to set date on setDate state in your change date function.

    setDate(date);----->add this
setTextname(date);
    Login or Signup to reply.
  2. 0

    Remove

    const [text, setTextname] = useState();

    Replace in function changeSelectedDate

    setTextname(date);

    with

    setDate(date);

    and

    const currentDate = selectedDate || mydate

    by

    const currentDate = selectedDate

    and lastly

    function getdata() {

console.log('sdsds',mydate);

}

    changes to function

     const changeSelectedDate = (event, selectedDate) => {

setDate(selectedDate);

setShow(false);
  };

function getdata() {
let date = moment(mydate).format('DD/MM/YYYY');
console.log('sdsds',date);
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search