我正在尝试在我的网络应用程序中使用来自 react-datepicker 的 DatePicker。我希望 DatePicker 中显示 2 个月,并显示两个月的月份和年份下拉列表。
尝试在文档站点上玩。但是我无法获得预期的效果。基本上希望下拉月份和年份选择器(在下图中的红色框中显示)在右侧的月份也可见。
这是我使用的代码:
() => {
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"
/>
);
};