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

Posted 2023-05-07

【中文标题】如何在 react-datepicker 中选择默认日期范围

【英文标题】：How to select a default date range in 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)。我不知道如何只用一个。

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

【参考方案1】：

它在 React DatePicker 文档中

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