airbnb/react-dates 在 DayPickerRangeController 上显示周数

Question

使用DayPickerRangeController /react-dates (12.7.1) 中的 DayPickerRangeController，我想在每周的日期选择器左侧显示周数。

这是我目前拥有的

这是我希望在我的日历上看到的内容

是否有任何道具可以提供帮助，或者是否已经存在解决方案？

Answer 1

airbnb/react-dates不支持任何显示周数的道具。 你可以看看rc-calender作为其他选择。

Answer 2

正如@ShridharBavannawa 所提到的，目前不支持显示周数。 然而，github 上有一个相关的问题， Jussi Niinikoski提出了一个有用的 hack； 可以使用renderDayContents属性在每个日期单元格中显示它们，而不是在每周的一侧显示周数，如下所示：

renderDayContents={(day) => (
  <>
    <p>{day.format('W')}</p>
    <p>{day.format('D')}</p>
  </>
)

day 是momentJS对象的地方。 然后，您可以根据自己的喜好设置单元格的样式。