Fullcalendar 6 - 默认将日期和工作日渲染为链接

问题描述 投票:0回答:1

似乎天和工作日默认呈现为链接(例如

<a>{dayContent}</a>
)。有什么方法可以禁用/控制它并使它们呈现为
<div>
<span>
例如?

我尝试过的事情:

  • dayCellContent:仅更改内容,但仍被
    <a>
  • 包裹
  • navLinks = false(默认值),确实单击天数不会更改视图(无导航),但天数仍呈现为链接

如果重要的话,我正在使用

@fullcalendar/react

javascript reactjs fullcalendar fullcalendar-6
1个回答
0
投票

您可以使用 Day Header Render Hooks 功能中的

dayHeaderDidMount
,该功能使您可以完全控制以随心所欲地设置表格单元格的内部内容。

这是一个简单的例子(使用vanilla JS,因为我不熟悉React,但基本原理是相同的):

dayHeaderDidMount: function (arg) {
  arg.el.innerHTML = arg.text;
},

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

文档:https://fullcalendar.io/docs/day-header-render-hooks

© www.soinside.com 2019 - 2024. All rights reserved.