反应钩子形式的setValue不适用于react-datepicker答案

【问题标题】：setValue in react hook form not working with react-datepicker反应钩子形式的setValue不适用于react-datepicker
【发布时间】：2021-06-20 10:44:44
【问题描述】：

虽然我动态设置值以响应日期选择器抛出错误“RangeError: Invalid time value”

这是我的 datepciker 代码

<Controller
   control={control}
   className="form-control"
   name="from_date"
   render={({ field }) => (
           <DatePicker
                onChange={(e) => field.onChange(e)}
                selected={field.value}
                dateFormat="dd-MM-yyyy"
                minDate={new Date()}
           />
          )}
  {...register("from_date", { required: true })}/>

这就是我为 datepicker 设置值的方式

var mydate = moment(date_from_db, 'DD-MM-YYYY').format("DD-MM-YYYY");
setValue('date_field', mydate)

谁能解释我的代码有什么问题？

【问题讨论】：

嗨！为什么Controller 和register 具有相同的name？你能提供一个codesanbox来解决你的问题吗，谢谢

标签： reactjs react-hook-form react-datepicker

【解决方案1】：

尝试做

<Controller
   control={control}
   className="form-control"
   name="from_date"
   render={({ field }) => (
           <DatePicker
                onChange={(e) => field.onChange(e)}
                selected={field.value}
                dateFormat="dd-MM-yyyy"
                minDate={new Date()}
           />
          )}
  {...register("from_date", { required: true })}/>

var mydate = moment(date_from_db).format("DD-MM-YYYY");
setValue('from_date', mydate)

【讨论】：

请不要只发布代码作为答案，还要解释您的代码的作用以及它如何解决问题的问题。带有解释的答案通常更有帮助，质量更高，更有可能吸引投票。