如何将material-ui时间选择器更改为24小时格式

目前使用的是Timepicker来自材料用户界面。我已将其设置为type="time"它允许我通过 AM/PM 选项选择一天中 12 小时内的时间。我希望我的选择器采用 24 小时格式，从而删除 AM/PM 选项。我查看了material-ui 文档，但找不到任何可以处理此问题的内容。

当前代码：

    <form className={classes.container} noValidate>
      <TextField
        id="time"
        label="Alarm clock"
        type="time"
        className={classes.textField}
        InputLabelProps={{
          shrink: true
        }}
        inputProps={{
          step: 900 // 5 min
        }}
      />
    </form>

他们似乎推荐使用@material-ui/pickers

https://mui.com/x/api/date-pickers/time-picker/#TimePicker-prop-ampm https://mui.com/x/api/date-pickers/time-picker/#TimePicker-prop-ampm

import { TimePicker } from '@material-ui/pickers'

以下选项应该适合你

ampm={false}

   <TimePicker
     clearable
     ampm={false}
     label="24 hours"
     value={selectedDate}
     onChange={handleDateChange}
   />

如果您需要使用本机选择器，请查看这篇文章HTML输入24位格式的时间 https://stackoverflow.com/questions/32609407/html-input-time-in-24-format