如何在reactjs中处理时间选择器选择

import React, { useState } from 'react';
import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';

const MyComponent = () => {
  const [selectedDate, setSelectedDate] = useState(null);

  const handleDateChange = (date) => {
    setSelectedDate(date);
    // 在这里可以处理选择的日期
  };

  return (
    <div>
      <DatePicker selected={selectedDate} onChange={handleDateChange} />
    </div>
  );
};

export default MyComponent;

import React, { useState } from 'react';

const MyTimePicker = () => {
  const [selectedTime, setSelectedTime] = useState('');

  const handleTimeChange = (event) => {
    setSelectedTime(event.target.value);
    // 在这里可以处理选择的时间
  };

  return (
    <div>
      <input type="datetime-local" value={selectedTime} onChange={handleTimeChange} />
    </div>
  );
};

export default MyTimePicker;