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

emj*_*jea 2 datepicker reactjs

我想更改DatePickermaterial-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')}
/>
Run Code Online (Sandbox Code Playgroud)

小智 14

2022年的方法是:

<DatePicker inputFormat="MM/dd/yyyy" />

  • 它帮助我使用 MUI 的 DateRangePicker。多谢。 (2认同)

Tho*_*lle 6

用于更改日期格式的道具被调用format并采用字符串而不是函数

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