使用 showYearDropdown + monthsShown > 1 时,标题高度不均匀,导致日历格子不准确对齐

作者: SaiBalaji202创建于 2026年8月10日更新于 2026年8月10日

描述错误showYearDropdown (或 showMonthDropdown / showMonthYearDropdown) 与 monthsShown > 1 结合时,只有第一个月在其标题中渲染下拉控件 - 这是有意的(calendar.tsxrenderYearDropdown(i !== 0), 由 src/test/multi_month_test.test.tsx 覆盖)。问题在于 .react-datepicker__header__dropdowndatepicker.scss 中没有明确设置高度,因此在不渲染下拉控件的月份中,它会缩小到 0 高度,而不是保留相同的空间。这使得第 1 个月的标题比其他月份高,并且由于每个 .react-datepicker__month-container 都是独立的 float: left (没有共享的网格行),所以日历在各月之间出现了垂直对齐问题。

内容来源: Hacker0x01/react-datepicker