React js根据日期输入计算日期

import React, { useState } from 'react';

function DateCalculator() {
  const [inputDate, setInputDate] = useState('');
  const [calculatedDate, setCalculatedDate] = useState('');

  const calculateDate = () => {
    // 在这里编写日期计算的逻辑
    // 可以使用JavaScript内置的Date对象来进行日期操作

    const currentDate = new Date();
    const selectedDate = new Date(inputDate);

    // 日期计算逻辑示例：计算输入日期和当前日期的天数差
    const daysDiff = Math.round((currentDate - selectedDate) / (1000 * 3600 * 24));

    setCalculatedDate(`输入日期距离当前日期的天数差为：${daysDiff}天`);
  };

  return (
    <div>
      <input
        type="date"
        value={inputDate}
        onChange={(e) => setInputDate(e.target.value)}
      />
      <button onClick={calculateDate}>计算日期</button>
      <p>{calculatedDate}</p>
    </div>
  );
}

export default DateCalculator;