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

【问题标题】：airbnb/react-dates Display Week Number on DayPickerRangeControllerairbnb/react-dates 在 DayPickerRangeController 上显示周数
【发布时间】：2019-05-26 03:05:52
【问题描述】：

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

这是我目前拥有的

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

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

【问题讨论】：

标签： reactjs datepicker calendar react-dates

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：