Question

我想将日期选择器的格式更改为工作日（星期一，星期二，..）。日期选择器格式的默认版本为format="MM/dd/yyyy"，可以更改吗？< / p>

源代码：


<MuiPickersUtilsProvider utils={DateFnsUtils}>
      <Grid container justify="space-around">
        <KeyboardDatePicker
          disableToolbar
          variant="inline"
          format="MM/dd/yyyy"
          margin="normal"
          id="date-picker-inline"
          label="Date picker inline"
          value={selectedDate}
          onChange={handleDateChange}
          KeyboardButtonProps={{
            'aria-label': 'change date',
          }}
        />

Answer 1

您可以将KeyboardDatePicker的格式值更改为format="EE - MM/dd/yyyy"，以显示带有月/日/年的工作日。此外，如果您要更改KeyboardDatePicker的格式，可以参考here。尝试以下操作：

<KeyboardDatePicker
  disableToolbar
  variant="inline"
  format="EE-MM/dd/yyyy"
  margin="normal"
  id="date-picker-inline"
  label="Date picker inline"
  value={selectedDate}
  onChange={handleDateChange}
  KeyboardButtonProps={{
    'aria-label': 'change date',
  }}
/>

将日期选择器的格式更改为工作日-Material ui

1 个答案: