выбранная пользователем дата не отображается в поле ввода

Question

Я использую форму реагирующего крючка и Datepicker. Я пытаюсь показать дату, когда пользователь выбрал одну, но она не отображается. Однако данные все еще проходят через отправку. Я попытался обернуть его с помощью контроллера и поставить контроль

import DatePicker from "react-datepicker";
import { useForm, Controller } from "react-hook-form";

<Controller
  as={<DatePicker />}
  name="end"
  control={control}
  onChange={([selected]) => {
    return { value: selected };
  }}
/>

Answer 1

Чтобы показать выбранную дату, вы должны передать selected prop компоненту DatePicker пакета react-datepicker. Попробуйте это:

<DatePicker
  selected={this.state.startDate}
  onChange={this.handleChange}
/>

Answer 2

Вам необходимо передать выбранную вами дату.

import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
    const App = () => {
      const [startDate, setStartDate] = useState(new Date());
      return (
        <DatePicker
          selected={startDate}
          onChange={date => setStartDate(date)}
          showTimeSelect
          timeFormat="HH:mm"
          timeIntervals={15}
          timeCaption="time"
          dateFormat="MMMM d, yyyy h:mm aa"
        />
      );
    };

Демо

Answer 3

react-select выбранное свойство занимает мгновение. js дата, а не простая javascript дата. Попробуйте следующее:

<Controller
  as={<DatePicker />}
  name="end"
  control={control}
  onChange={([selected]) => {
    return { value: moment(selected) };
  }}
/>