为"react-datepicker“的mm/dd/yyyy格式的日期插入自动斜杠

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

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

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

  const formatDateString = (date) => {
    if (date) {
      const day = date.getDate().toString().padStart(2, '0');
      const month = (date.getMonth() + 1).toString().padStart(2, '0');
      const year = date.getFullYear();
      return `${month}/${day}/${year}`;
    }
    return '';
  };

  const parseDateString = (dateString) => {
    const parts = dateString.split('/');
    if (parts.length === 3) {
      const month = parseInt(parts[0], 10) - 1;
      const day = parseInt(parts[1], 10);
      const year = parseInt(parts[2], 10);
      return new Date(year, month, day);
    }
    return null;
  };

  const CustomInput = ({ value, onClick }) => (
    <input type="text" value={value} onClick={onClick} readOnly />
  );

  return (
    <DatePicker
      selected={selectedDate}
      onChange={handleDateChange}
      customInput={<CustomInput />}
      dateFormat="MM/dd/yyyy"
      parseDate={parseDateString}
      formatDate={formatDateString}
    />
  );
};

export default MyDatePicker;