Changing the details of input type date

Asked May 22 '21 at 14:06

Active May 22 '21 at 14:26

Viewed 49 times

I want to ask if they is any way to edit my input type date so it shows only dd-mm-rrrr, I'm making Book managment system which connects with Postgresql API and if I make an input like this:

 <Form.Group controlId="releaseDate">
                    <Form.Control className="control-input" type="date" name="release_date" defaultValue={props.release_date} placeholder="Write the release date of the book" onChange={handleInputChange} />
                </Form.Group>

the result is something like this: 2021-04-29T22:00:00.000Z

Is there any way to change it or is a problem of API, the database that converts it to something like this?

handleInputChange

 const handleInputChange = (e) => {
        const name = e.target.name
        const value = e.target.value

        setBook((prev) => ({...prev, [name]: value}));
    }

edited May 22 '21 at 14:26

asked May 22 '21 at 14:06

sunny

https://stackoverflow.com/questions/48919671/how-to-remove-time-value-in-datetime-local-input-type – GrafiCode May 22 '21 at 14:10
as you can see, I use type="date", so the solution shown in the link you sent is not good for my case. – sunny May 22 '21 at 14:12
well then something is wrong, since: https://stackoverflow.com/questions/45397107/reactjs-input-type-date-format-date/46175697 – GrafiCode May 22 '21 at 14:15
1

if everything was good, I wouldn't have written there :P – sunny May 22 '21 at 14:22
what's in `handleInputChange`? – GrafiCode May 22 '21 at 14:25
I edited my post, where I added `handleInputChange` – sunny May 22 '21 at 14:26
if you `console.log(value)` right after `const value = e.target.value`, what's the output? – GrafiCode May 22 '21 at 14:27
it prints line by line each value I put into input. As for date, it's good: e.g. 2021-05-09 – sunny May 22 '21 at 14:29
that means the value is manipulated later on. you should inspect `setBook()` to see if value is changed there – GrafiCode May 22 '21 at 14:31

Changing the details of input type date

0 Answers0