React DatePicker 显示所有月份的月份和年份下拉列表,显示多个月份

问题描述 投票:0回答:0

我正在尝试在我的网络应用程序中使用来自 react-datepicker 的 DatePicker。我希望 DatePicker 中显示 2 个月,并显示两个月的月份和年份下拉列表。

尝试在文档站点上玩。但是我无法获得预期的效果。基本上希望下拉月份和年份选择器(在下图中的红色框中显示)在右侧的月份也可见。

查看图片: Image of the date-picker

这是我使用的代码:

() => {
  const [startDate, setStartDate] = useState(new Date());
  const [endDate, setEndDate] = useState(null);
  const onChange = (dates) => {
    const [start, end] = dates;
    setStartDate(start);
    setEndDate(end);
  };

  return (
    <DatePicker
      selected={startDate}
      onChange={onChange}
      startDate={startDate}
      endDate={endDate}
      selectsRange
      monthsShown={2}
      showMonthDropdown
      showYearDropdown
      dropdownMode="select"
    />
  );
};
reactjs dropdown react-datepicker
© www.soinside.com 2019 - 2024. All rights reserved.