DateTimePicker，包含日期、小时、分钟和秒

Question

我在一个系统上工作，要求我用这种格式设置一个精确的时间点dd/MM/yyyy HH:MM:ss，问题是我找不到一种方法来添加一个同时包含所有这些的日期时间选择器。组件MUI的datetimepicker非常难看，我喜欢本地日期选择器(我想使用它(，但我只能选择完整的日期、小时、，分钟而不是秒。有办法做到吗？到目前为止，我的代码是这样的(我还附上了结果的图像(：

<TextField
id="datetime-local"
label="Next appointment"
type="datetime-local"
defaultValue={ new Date() }
InputLabelProps={{shrink: true,}}
/>

这就是我目前拥有的

Answer 1

物料ui有pickers:@material-ui/pickers

您可以将其与format选项一起使用：

import React, { useState } from 'react';
import { DateTimePicker } from '@material-ui/pickers';
function App() {
const [selectedDate, handleDateChange] = useState(new Date());
return (
<DateTimePicker format="dd-MM-yyyy HH:mm:ss" value={selectedDate} onChange={handleDateChange} />
);
}
export default App;