如何更改 DatePicker 的日期格式 - Material-UI (React)

Question

我正在使用 Material-UI 中的日期选择器，但实际格式是“mm/dd/yyyy”，我需要将其更改为“dd/mm/yyyy”，我该怎么做？

组件：

 <LocalizationProvider  dateAdapter={AdapterDateFns}>
      <DatePicker
        onError={(e) => {
          setError(true);
        }}
        label="Date"
        value={infos.date}
        onChange={(newValue) => {
          setInfos({ ...infos, date: newValue });

          setError(false);
        }}
        renderInput={(params) => (
          <TextField
            color={error ? "error" : "primary"}
            required
            error={error}
            helperText={error ? messageError.date : ""}
            {...params}
          />
        )}
      />
    </LocalizationProvider>

Answer 1

试试inputFormat:

<LocalizationProvider  dateAdapter={AdapterDateFns}>
      <DatePicker
        inputFormat="dd/MM/yyyy"
        onError={(e) => {
          setError(true);
        }}
        label="Date"
        value={infos.date}
        onChange={(newValue) => {
          setInfos({ ...infos, date: newValue });

          setError(false);
        }}
        renderInput={(params) => (
          <TextField
            color={error ? "error" : "primary"}
            required
            error={error}
            helperText={error ? messageError.date : ""}
            {...params}
          />
        )}
      />
    </LocalizationProvider>