ReactJS -如何在Firestore的Material UI中使用DatePicker？时间戳到日期格式

import React, { useState } from 'react';
import { DatePicker } from '@material-ui/pickers';
import { firestore } from 'firebase/app';

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

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

  return (
    <DatePicker
      value={selectedDate}
      onChange={handleDateChange}
      format="yyyy-MM-dd"
      label="选择日期"
      inputVariant="outlined"
    />
  );
}

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

  if (date) {
    const timestamp = firestore.Timestamp.fromDate(date.toDate());
    // 将时间戳存储到Firestore中
    // firestore.collection('your_collection').doc('your_document').update({ timestampField: timestamp });
  }
};

function App() {
  return (
    <div>
      {/* 其他组件 */}
      <MyDatePicker />
      {/* 其他组件 */}
    </div>
  );
}