Material-ui 时间选择器格式

编程问答 2022-04-30

问题描述

我正在使用 Material-UI 中的以下时间选择器（请参阅下面的链接），并想看看是否可以满足以下格式，因为我需要允许用户输入 24 小时时间以及第二：

"HH:mm:ss"

我尝试了以下方法，但不起作用：

                    <TextField
                        name="time"
                        label="Alarm clock"
                        type="time"
                        defaultValue=""
                        format="HH:mm:ss"
                      />

https://material-ui.com/components/pickers/#time-pickers

请注意：我无法使用 Material-UI Pickers，需要使用上述内容。

任何帮助都会很棒。

解决方法

material-ui 有一个单独的日期时间选择器，称为 material-ui-pickers 。

我们也可以用秒来配置 24 小时格式。请参考链接

Time Picker with Seconds

material-uireactjsreactjsreactjsreactjstimepickertimepicker