prepopulate date input field with date react

Question

I have a update form where I update the data that I get from backend. I have a date input field and I have a date which is in the 'yyyy-mm-dd' format. I want to show the date field with the date which I'm getting from backend as a default date on initial render. How do I acheive this in react js.

kyle4real · Accepted Answer · 2021-12-05 17:22:55Z

4

You could use moment library to convert your date to a moment obj and then use the format method to format it properly for the input field.

const Form = ({ yourDate }) => {
    const [date, setDate] = useState(moment(yourDate).format("YYYY-MM-DD"));

    return <input type="time" value={date} />
}

answered Dec 5, 2021 at 17:22

kyle4real

861 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

prepopulate date input field with date react

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related