Question

我正在尝试通过按Tab键打开Datepicker（当您输入多个字段时，使用Tab键而不是在文本框中单击很容易）唯一的问题是我不知道该怎么做：

<MobileDatePicker
  variant="outlined"
  label="Date of birth"
  disableFuture
  openTo="year"
  views={['year', 'month', 'date']}
  format="dd/MM/yyyy"
  value={dateOfBirth}
    onChange={e => {
    setDateOfBirth(e);
    setDateOfBirthError(false);
  }}
  error={dateOfBirthError !== false}
  helperText={dateOfBirthError}
  fullWidth
/>

有人知道我按Tab时如何打开此日期选择器吗？

Answer 1

您可以使用onFocus和受控的open道具来打开它onFocus 但是您可能希望拥有DatePicker的可访问版本，因此可以使用v4.0.0-alpha版本和DesktopDatePicker或仅使用DatePicker来实现内置的a11y

材质ui Datepicker在选项卡上打开

1 个答案: