airbnb / react-dates在DayPickerRangeController上显示星期数

Question

我使用airbnb / react-dates（12.7.1）中的DayPickerRangeController，在每周两天的日期选择器左侧显示星期数。

这是我目前拥有的

这就是我想在日历上看到的内容

有没有可以提供帮助的道具或已经存在的解决方案？

谢谢！

Answer 1

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

Answer 2

如@ShridharBavannawa所述，当前不支持显示星期数。但是，在github上有一个相关的issue打开，其中Jussi Niinikoski提出了一种有助于您解决问题的技巧；不用在每周的侧面显示周号，而是可以使用renderDayContents属性在每个日期单元格中显示它们，如下所示：

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

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