如何使用 react-datepicker 将格式化日期发送到 api答案

【问题标题】：how can i send formated date to api with react-datepicker如何使用 react-datepicker 将格式化日期发送到 api
【发布时间】：2020-09-24 01:01:51
【问题描述】：

我正在尝试使用带有 formik 的 react-datepiker 将日期发送到我的 API 以处理嵌套的日期，即使我将 dateFormat 设置为 yyyy/MM/dd 我仍然收到“2020-06- 19T04:00:00.000Z" 作为值，它被推送到我的 API 只是为了将日期格式设置为 yyyy/MM/dd 时出错

关于这可能是什么的任何想法。这是一个错误吗？我在后端使用 react 16.5 和 Django 和 drf，模型使用 DateField() 并期望 yyyy/MM/dd。有没有人能想到的解决方法？

提前谢谢你！

<DatePicker
  dateFormat="yyyy/MM/dd"
  selected={values.config[index].date}
  name={`config[${index}]['date']`}
  value={getIn(values, `config[${index}]['date']`) || ""
   }
  onChange={(e) => setFieldValue(`config[${index}] 
  ['date']`, e)}
  className={"form-control" + (errors.date && 
   touched.date? " is-invalid" : "") }
 />

【问题讨论】：

config 是谁？
我在 formik 中使用 Datepicker，所以它只是引用一个嵌套对象。

标签： javascript django reactjs datepicker

【解决方案1】：

您可以在 DatePicker 组件中作为属性传递

    const FORMAT = "yyyy/MM/dd"

    <DatePicker
       dateFormat={FORMAT}
       onChange={event => setFieldValue(FORMAT))} // something like
     />

还需要传入onChange事件格式化日期即FORMAT

【讨论】：