предварительно заполните поле ввода даты датой реакции

#reactjs #date #input

#реагирует на #Дата #вход

Вопрос:

У меня есть форма обновления, в которой я обновляю данные, которые получаю от бэкенда. У меня есть поле ввода даты, и у меня есть дата в формате «гггг-мм-дд». Я хочу показать поле даты с датой, которую я получаю от бэкенда, в качестве даты по умолчанию при первоначальном рендеринге. Как мне достичь этого в react js.

Ответ №1:

Вы можете использовать библиотеку моментов для преобразования даты в объект момента, а затем использовать метод форматирования, чтобы правильно отформатировать ее для поля ввода.

 const Form = ({ yourDate }) =gt; {  const [date, setDate] = useState(moment(yourDate).format("YYYY-MM-DD"));   return lt;input type="time" value={date} /gt; }