如何使用react-datetime选取器仅将日期传递给数据库(而不传递时间)

Question

如何使用react-datetime选取器仅将日期传递给数据库(而不传递时间)。

目前在我的代码中，它会像这样将日期和时间传递给后端(2021-09-07T18:30:00.000Z)。

我只想传递像(2021-09-07)这样的日期，不带时间。使用react-datetime选择器

请帮帮我!

                         <ReactDatetime
                            inputProps={{
                              placeholder: "MM/DD/YY",
                            }}
                            dateFormat="DD/MM/YYYY"
                            timeFormat={false}
                            onChange={(value) =>
                              formik.handleChange({
                                target: {
                                  name: "date_of_the_event",
                                  value,
                                },
                              })
                            }
                            onBlur={formik.handleBlur}
                            value={formik.values.date_of_the_event}
                          /> 

Answer 1

您可以使用以下语句以该格式获取字符串形式的日期

   const formattedDate =  date.toLocaleString('en-GB', { day: 'numeric', month: 'numeric', year: 'numeric' })

如果需要交换日期和月份，请使用'en-US'

如果您想要任何自定义格式，请逐个获取并按如下方式追加

 const formattedDate = 
 `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}`

Answer 2

在handleChange方法中，您可以像这样设置日期的格式。

const formattedDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`

如果您使用类似momentjs这样的库，则可以简单地将日期格式化为

const formattedDate = moment(date).format('YYYY/MM/DD');