如何将 mui datepicker 格式化为 'mm-Mon-yyyy'？

Question

我正在使用 material-ui，但没有找到任何方法来更改馆内日期选择器的日期格式。所以我使用了不同的库 'mui/pickers' 但它仍然没有格式化为所需的格式，即 mm-Mon-yyyy 例如：- 23-Sep-2020.

我尝试使用 date-fns 作为 util 库来解析格式为 mm-Mon-yyyy 的日期，但出现格式无效的错误。

Answer 1

MUI 人员建议使用 moment.js 或类似的东西。

https://material-ui-pickers.dev/getting-started/parsing

使用 moment，您可以使用以下语法将日期解析为该格式：

moment().format(DD-MMM-YYYY)

Answer 2

您需要使用正确的格式，即 dd-MMM-yyyy。

此外，您应该使用 openTo="year" 作为出生日期并按此顺序指定视图 views={["year", "month", "date"]}

<DatePicker
      disableFuture
      label="Date of birth"
      value={selectedDate}
      onChange={handleDateChange}
      openTo="year"
      format="dd-MMM-yyyy"
      views={["year", "month", "date"]}       
    />

如何将 mui datepicker 格式化为 'mm-Mon-yyyy'？

How to format mui datepicker to 'mm-Mon-yyyy'?

datepicker

reactjs

material-ui