如何在 react-datepicker 中选择默认日期范围答案

【问题标题】：How to select a default date range in react-datepicker如何在 react-datepicker 中选择默认日期范围
【发布时间】：2022-01-09 23:25:15
【问题描述】：

我正在尝试在 react-datepicker 日历中选择一个默认值。这是一个内联日历，显示 2 个月，可以选择一系列日期：

    <DatePicker
      inline
      monthsShown={2}
      selectsRange
      startDate={startDate}
      endDate={endDate}
      onChange={(update) => {
       setDateRange(update);
      }}
    />

但是，在文档中讨论了如何选择默认日期范围，但仅适用于两个 DatePicker 组件 (https://reactdatepicker.com/#example-date-range)。我不知道如何只用一个。

我是新手，如果需要更多信息，我会更新问题。谢谢。

【问题讨论】：

标签： reactjs datepicker calendar react-datepicker

【解决方案1】：

它在 React DatePicker 文档中

<DatePicker
  inline
  selected={startDate}
  monthsShown={2}
  selectsRange
  startDate={startDate}
  endDate={endDate}
  onChange={(update) => {
    setDateRange(update);
  }}
/>

【讨论】：