как автоматически получить дату в определенном формате из DatePicker?

#javascript #reactjs #datepicker #antd

Вопрос:

Я использую компонент DatePicker из antd.

В настоящее время у меня есть a Form от antd, в котором есть a Form.Item , в которое я вставил DatePicker .

Я хочу Form.Item , чтобы дата была указана в определенном формате , скажем YYYY-MM-DD , есть ли способ это сделать?

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

Я попытался придать ему dateFormat опору с помощью функции

 function dateFormat(date) {
  return moment(date).format("YYYY/MM/DD");
}

но это не работает.

есть ли способ сделать это, манипулируя данными в функции onChange?

1. Отправить его обратно куда?

2. @MoaazBhnas Я добавил редактирование — в настоящее время у меня есть форма от antd, в которой есть форма.Элемент, в который я помещаю указатель даты.

3. Что-то вроде этого codesandbox.io/s/basic-antd-4-17-0-alpha-5-forked-t4yox?file=/… ?

4. Я объявил состояние, в котором я сохраняю отформатированную дату при каждом изменении, которую можно использовать в любом месте.

5. @MoaazBhnas спасибо, но я спрашиваю, есть ли способ автоматического анализа данных в этом формате с помощью опоры/функции DatePicker или любым другим способом — без добавления внешних манипуляций с данными?

Ответ №1:

так что, по-видимому, в реквизите этого сделать невозможно, я проверил, как и @MoaazBhnas.

Если кто-нибудь каким-то образом найдет способ, я буду с нетерпением ждать ответа!

1. Это комментарий, а не ответ

2. @SmitGajera Нет, это ответ. Я спросил, есть ли способ сделать это автоматически, и после долгих поисков и помощи других людей я обнаружил, что такого способа нет. и это ответ.