24小时格式的文本字段材料ui

Question

有谁知道将材料 ui 中的文本字段设置为 24 小时格式的道具是什么？我似乎找不到任何地方？ 这是我当前的组件

                    <TextField
                      type="time"
                      variant="outlined"
                      size="small"
                      name="startTime"
                      value={this.state.startTime}
                      onChange={handleChange}
                    />

Answer 1

TextField 用于文本，为此使用 TimePicker

import React, { Fragment, useState } from "react";
import { TimePicker } from "@material-ui/pickers";

function BasicTimePicker() {
  const [selectedDate, handleDateChange] = useState(new Date());

  return (

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

export default BasicTimePicker;