react protable怎么添加时间选择器

在 React 中添加一个时间选择器，你可以使用第三方库来完成。其中一个流行的库是 react-datetime-picker。
首先，你需要安装该库。在终端中进入你的项目目录，并运行以下命令：
npm install react-datetime-picker
登录后复制
安装完成后，你可以在你的组件中引入并使用 react-datetime-picker。以下是一个简单的示例：
import React, { useState } from 'react';
import DateTimePicker from 'react-datetime-picker';

function MyComponent() {
const [selectedDate, setSelectedDate] = useState(new Date());

const handleDateChange = (date) => {
setSelectedDate(date);
};

return (
<div>
<h1>选择时间</h1>
<DateTimePicker
onChange={handleDateChange}
value={selectedDate}
/>
</div>
);
}

export default MyComponent;
登录后复制
在上面的示例中，我们在组件中使用了 useState 来创建一个状态 selectedDate 来保存选中的日期时间。然后，我们定义了一个 handleDateChange 函数来更新选中的日期时间，并将其传递给 onChange 属性。最后，我们将 selectedDate 和 handleDateChange 分别传递给 value 和 onChange 属性，以便将时间选择器与组件的状态和更新函数关联起来。
这只是一个简单的示例，你可以根据你的需求进行进一步定制和样式调整。希望对你有帮助！