fullcalendar 相关问题

在 FullCalendar(v6) 中显示事件描述

目前正在使用完整日历和来自谷歌日历的事件源，效果很好。我想将事件描述添加为工具提示或在事件标题旁边的列表视图中...

FullCalendar：slotLabels 显示为链接 - 为什么？

我的资源时间线视图中时间的插槽标签显示为链接，我不知道为什么。我没有更改任何 FC 自己的 CSS 规则。截屏 使用我的浏览器的检查器显示...

资源 FullCalendar 中的固定列宽

我正在使用支持资源视图的特殊版本的 FullCalendar。 http://tux.fi/~jarnok/fullcalendar-resourceviews/ 我只有几个问题。好像是自动设置的。。。

如何在移动应用程序中使用完整日历？ [关闭]

我想在需要在 IOS 和 android 上运行的移动应用程序中使用完整日历

是否可以在 FullCalendar version6 中注入标题？

在完整日历的第 6 版中，可以通过 ng-template 注入内容。示例基于 eventContent。 在完整日历的第 6 版中，可以通过 ng-template 注入内容。示例基于 eventContent。 <full-calendar [options]="calendarOptions"> <ng-template #eventContent let-arg> <b>{{ arg.event.title }}</b> </ng-template> </full-calendar> 标题也可以吗？我找不到有关它的信息。我尝试使用#header 和#headerToolbar，但它并没有真正起作用。

Fullcalendar：选择没有触摸事件的事件

我正在使用 FullCalendar.io，我希望能够在不使用触摸事件的情况下选择一个事件。具体来说，我希望能够在使用 .addEvent() 方法添加新事件时执行此操作。

如何定位样式表行：完整日历库中的最后一个孩子

我正在使用完整日历库，但我遇到的情况是名称较长的事件不适合单日字段的内容。 要查看完整的事件名称，我解决了前六列的问题：Nie ...

如何在全日历中为重复事件指定时区？

我使用 fullcalendar 为在线公会制作活动日历。我们每周有两次公会任务，偶尔也会举办特别活动。我将事件保存在祖鲁时间的 JSON 中并显示...

使用 Angular Full Calendar 的事件点击打开材料

我在 Angular 项目中使用完整日历。我想在用户选择日历上的事件时触发下拉菜单的打开。到目前为止，我只找到了 JQuery 解决方案......

FullCalendar - 向事件对象添加新属性

有很多线程讨论类似的问题，但没有一个是我能真正理解并应用到我的项目中的。 我有一个数据库，其中包含一个包含多个字段的事件表：“Field 1”、“Fi...

完整的日历资源时间线月历从当前日期开始日视图。或滚动到当前日期

我无法在当前日期的 2 天之前滚动。在日历的初始视图上。 这里我附上了屏幕截图和日历选项对象。 this.calendarOptions = { 插件：[

使用角度在 FullCalendar 中计划的事件时间与当前时间匹配时启动作业？

我想在预定的活动时间与当前时间匹配时发送通知邮件。 当事件时间与 FullCalend 中的当前时间匹配时，有没有办法自动触发某些作业...

Rails 缺少 JBuilder 文件模板

我一直在尝试使用 Fullcalendar 来显示来自 JSON 提要的事件。 JSON 提要中的事件由 SchoolEventsController 生成。但是，事件不会显示在 Fullcalendar 上。还有，

在 FullCalender 标题道具/事件中显示 HTML

我正在使用 FullCalender (V 6.1.6)。我想在日历中添加一个 html 按钮。我还没有找到在文档中编写相同内容的任何方法。 { title: '详情', start: '2023-04-16', allDay:...

如何设置特定日期的背景颜色？

我使用 fullcalender npm 来显示日历。 我想在特定的选定日期设置背景颜色。 我在 github 上检查了这个问题 => https://github.com/fullcalendar/fullcalendar-

FullCalendar library spacing problem firefox [关闭]

我在 firefox 上运行我的 React 应用程序时遇到了这个问题，星期几和一个月中的天数之间有很大的间隔。它在 chrome 中似乎正确，但在 firefox 中失败...

是否可以在全日历中选择多个事件？

在这里输入图片描述 我无法选择可用的时间。在这种情况下，将以绿色选择这些事件。但是，它只选择没有可用事件的地方。唯一

在日历控件中 renderEvent 不起作用？

日历控件插入数据后调用renderEvent获取最近插入的数据。但我发现了不屈不挠。 #when 我刷新浏览器我得到了数据但是使用渲染我没有得到数据。 他……

Next JS 13 完整日历在生产模式下无法正常工作，但在开发模式下运行良好

我想知道如何在 NEXT JS 13 Typescript 中解决这个问题

FullCalendar：自定义事件颜色

我在我的 ReactJS 应用程序中使用 FullCalendar（具体来说是 v6.1.4）。日历组件如下所示： 我在我的 ReactJS 应用程序中使用 FullCalendar（具体来说是 v6.1.4）。日历组件如下所示： <FullCalendar plugins={[dayGridPlugin, interactionPlugin, listPlugin]} initialView={window.innerWidth <= 768 ? "listWeek" : "dayGridMonth"} height={height * 0.85} events={events} locale={skLocale} displayEventTime={false} dateClick={(data) => handleDateClick({ data: data })} eventClick={(data) => handleEventClick({ data: data })} eventContent={(arg) => ( <div className="eventWrapper"> <div className="approved_icon">{selectApprovalIcon(arg.event.extendedProps.approvedStatus)}</div> <b>{arg.event.title}</b> <div>{arg.event.extendedProps.time}</div> <div>{arg.event.extendedProps.description}</div> </div> )} /> 将日志从数据库映射到事件的函数如下所示： const mapEvents = () => { const events = allWorkLogs.map(log => { let colors = ['darkred', 'darkgreen', 'blue', 'purple', 'black', 'brown']; let evColor = 'darkblue'; const projectName = findProjectName(log.project_id); const workStart = moment(log.work_date_start, "HH:mm:ss"); const workEnd = moment(log.work_date_end, "HH:mm:ss"); for (let i = 0; i < myProjects.length; i++) { if (projectName === myProjects[i].name) { evColor = colors[i]; console.log(colors[i]); } } return { id: log.id, title: projectName, start: log.work_date, eventColor: evColor, time: workStart.format("HH:mm") + "-" + workEnd.format("HH:mm"), description: log.note, approvedStatus: findApprovalStatus(log.id) }; }); setEvents(events); } 问题是：映射到事件的color没有应用到日历的最终渲染中。 我已经检查过我选择颜色的逻辑是否以正确的格式返回了一个字符串。我也尝试过手动设置颜色，例如'blue'。但是，显示事件的背景颜色是透明的。 我也尝试过将color:更改为eventColor:，但没有结果。 奇怪的是它在大约三周前就开始工作了（那是我用自定义事件实现日历的时候）。现在我回来实施代表每个事件批准状态的图标，突然事件的背景颜色不起作用。关于可能是什么问题的任何想法？ 提前致谢