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

Question

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

这是我目前拥有的

这是我想在我的日历上看到的

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

score 1 · Accepted Answer

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

score 0 · Accepted Answer

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

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

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

2 回答 2