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

Posted 2023-05-07

【中文标题】airbnb/react-dates 在 DayPickerRangeController 上显示周数

【英文标题】：airbnb/react-dates Display Week Number on DayPickerRangeController

【发布时间】：2019-05-26 03:05:52

【问题描述】：

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

这是我目前拥有的

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

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

【参考方案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 对象。然后，您可以根据自己的喜好设置单元格样式。