Reactjs 用户选择的日期不显示在输入框中

我正在使用react钩子表单和日期选择器。我试图显示用户选择日期，但它不显示。然而，数据仍在提交过程中进行。我试着用控制器包装它，然后把控制器

从“反应日期选择器”导入日期选择器；
从“react hook form”导入{useForm，Controller}；
{
返回{value:selected}；
}}
/>

要显示所选日期，您必须将

selected

道具传递给

react DatePicker

包的

DatePicker

组件。试试这个：

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

---

反应选择

的选定属性需要片刻的时间。js日期，而不是普通的javascript日期。请尝试以下操作：

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

{
返回{值：力矩（选定）}；
}}
/>

您需要传递所选日期

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"
        />
      );
    };

从“反应日期选择器”导入日期选择器；
导入“react datepicker/dist/react datepicker.css”；
常量应用=（）=>{
const[startDate，setStartDate]=useState（新日期（））；
返回(
设置开始日期（日期）}
showTimeSelect
timeFormat=“HH:mm”
时间间隔={15}
timeCaption=“时间”
dateFormat=“mm d，yyyy h:mm aa”
/>
);
};

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"
        />
      );
    };