React Datepicker 将值作为字符串而不是 YYYY-mm-dd 发送

Question

我正在使用带有反应挂钩形式的反应日期选择器，我的代码如下所示：

<Controller
    control={control}
    name="release_date"
    render={({
        field: { onChange, onBlur, value, ref },
    }) => (
        <ReactDatePicker
            onChange={onChange}
            onBlur={onBlur}
            selected={value}
            className="form-control w-full"
            dateFormat="yyyy-MM-dd"
        />
    )}
/>

它在字段 2022-02-15 上显示为这个日期，但它的发送数据为 Tue Feb 15 2022 00:00:00 GMT+0545 (Nepal Time) 而不是这个，我如何在不使用任何其他包的情况下作为 yyyy-mm-dd 发送？

Answer 1

如果你真的需要它，你可以把它拿走：

创建转换函数：

const convert = (selected) => {
    const day = selected.getDate();
    const month =
      selected.getMonth() >= 10
        ? selected.getMonth() + 1
        : `0${selected.getMonth() + 1}`;
    const year = selected.getFullYear();

    return `${year}/${month}/${day}`;
  };

更改您的代码：

<ReactDatePicker
   onChange={onChange}
   onBlur={onBlur}
   selected={convert(value)}
   className="form-control w-full"
   dateFormat="yyyy-MM-dd"
/>

React Datepicker 将值作为字符串而不是 YYYY-mm-dd 发送

React Datepicker is sending value as string insteadl of YYYY-mm-dd

reactjs

react-datepicker