使用 KeyboardDatePicker 的 React.js 中兩個日期之間的月差

Question

const Index = (props) => {

    const [selectedDate, setSelectedDate] = useState(
        new Date("2014-08-18T21:11:54")
      );
    
      const handleDateChange = (date) => {
        setSelectedDate(date);
      };
return (
<div>
//first date picker
 <MuiPickersUtilsProvider
                    utils={DateFnsUtils}
                    //  className={classes.formControlNew}

                    style={{ width: "100%" }}
                  >
                    <KeyboardDatePicker
                      style={{ marginLeft: "5%", width: "91%" }}
                      margin="normal"
                      id="date-picker-dialog1"
                      label="Start Date"
                      format="MM/dd/yyyy"
                      value={selectedDate}
                      onChange={handleDateChange}
                      KeyboardButtonProps={{
                        "aria-label": "change date",
                      }}
                    />
                  </MuiPickersUtilsProvider>

// second date picker

 <MuiPickersUtilsProvider
                    utils={DateFnsUtils}
                    
                    style={{ width: "100%" }}
                  >
                    <KeyboardDatePicker
                      style={{ marginLeft: "5%", width: "91%" }}
                      margin="normal"
                      id="date-picker-dialog2"
                      label="End Date"
                      format="MM/dd/yyyy"
                      value={selectedDate}
                      onChange={handleDateChange}
                      KeyboardButtonProps={{
                        "aria-label": "change date",
                      }}
                    />
                  </MuiPickersUtilsProvider>
</div>
);
};

我使用兩個日期選擇器從用戶那里獲取兩個日期。其中第一個日期是開始日期，第二個是結束日期。 我想計算這兩個日期之間的月差。我應該如何得到月差？ Reactjs中需要做哪些計算。

Answer 1

這里缺少一些東西。

1. 您將要復制selectedDate和handleDateChange以便您可以分別跟蹤這兩個日期。 也許selectedStartDate和selectedEndDate

2. 要計算差異，我建議使用moment npm package 語法類似於：

const months = moment.duration(moment(selectedEndDate).diff(moment(selectedStartDate))).asMinutes()