如何使月视图中的日期单元格中的日期可聚焦？

Question

因此，在这个演示中，当天的单元格是 focusbale (https://fullcalendar.io/demos) 但在这个例子中（https://fullcalendar.io/docs/month-view-demo）它不是，不确定是因为版本差异在实现中存在一些变化？

我尝试查看文档并检查了代码，在本示例的

tabindex="0"

日期上有一个

fc-daygrid-day-top

（https://fullcalendar.io/demos），但没有（https:// fullcalendar.io/docs/month-view-demo)

Answer 1

这是因为在第一个演示中，日期数字是可点击的。启用它会创建一个带有 tabindex 的超链接。

默认情况下，在 fullCalendar 6 中，这些可点击的导航链接未启用，对于当天的文本，它将呈现类似的内容

<a aria-label="October 2, 2024" id="fc-dom-8" class="fc-daygrid-day-number">2</a>

显示日期。

但是如果你设置了

navLinks: true

在日历选项中，它使日期数字可单击（如果您单击一个，它将带您进入当天的特定视图），因此它们成为值得关注的有用内容，因此它添加了

tabindex

等:

<a title="Go to October 2, 2024" data-navlink="" tabindex="0" id="fc-dom-8" class="fc-daygrid-day-number">2</a>

现场演示：https://codepen.io/ADyson82/pen/dyxNyyj

请参阅 https://fullcalendar.io/docs/navLinks 了解更多信息。