在 Datepicker (material-ui) 上更改格式日期答案

【问题标题】：Change format date on Datepicker (material-ui)在 Datepicker (material-ui) 上更改格式日期
【发布时间】：2019-07-31 21:22:44
【问题描述】：

我想更改DatePicker (material-ui-pickers) 上的日期格式，但是当我使用formatDate 功能时，日期格式没有改变，仍然只显示月份和日期，而不是选择的年份。

这是我的代码：

<DatePicker
  margin="normal"
  disableFuture
  openTo="year"
  views={["year", "month", "day"]}
  value={selectedDate}
  onChange={this.handleDateChange}
  maxDate={maxdate}
  formatDate={(date) => moment(date).format('DD-MM-YYYY')}
/>

【问题讨论】：

标签： reactjs datepicker

【解决方案1】：

更改日期格式的道具称为format and takes a string instead of a function。

<DatePicker
  margin="normal"
  disableFuture
  openTo="year"
  views={["year", "month", "day"]}
  value={selectedDate}
  onChange={this.handleDateChange}
  maxDate={maxdate}
  format="DD-MM-YYYY"
/>

【讨论】：

【解决方案2】：

  <LocalizationProvider dateAdapter={AdapterDateFns}>
                                    <DateTimePicker
                                        renderInput={(props) => <TextField  variant="standard"  className="w-100" required {...props} />}
                                        label="voyage Start Date"
                                        value={formik.values?.voyageStartDate}
                                        onChange={(newValue) => {
                                           formik.setFieldValue("voyageStartDate",moment(newValue).format("YYYY-MM-DD HH:mm:ss"))
                                        }}
                                        onKeyPress={() => formik.setFieldTouched("voyageStartDate")}
                                    />
                                </LocalizationProvider>

【讨论】：