问题标签 [fullcalendar-scheduler]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
fullcalendar - 设置光标样式效果不佳
我正在尝试将光标设置为当天前几天的“no-drop”和当天后几天的“指针”。
我尝试使用 css: fc-past, fc-today,fc-future 并且效果很好,我也尝试了 jquery 插件配置并且效果很好。
这在没有事件时工作正常,当我在日历中有事件时出现问题。Fullcalendar 创建一组没有事件的空天,它们位于单元格上并且光标样式丢失。进入 fc-content-skeleton 有一个 z-index 为 4 的表,这个 div 在 fc-bg 之上,它有光标 css。这个 fc-content-skeleton 对每个事件都有 fc-event-container(我可以设置 css),但是在没有事件的日子里,创建一个我无法设置样式的空。这导致无法将鼠标的光标设置到 this 中。结果是,在同一天(没有事件),如果您移动光标,它会从我的样式(在 fc-bg 中设置)更改为默认值,如果光标位于 empty 上。您可以在http://fullcalendar.io/home上的展示中看到这一点。
我花了很多时间试图将光标设置到这个 td 但没有结果。这种行为让我发疯。谢谢您的帮助。
从 JS Bin 添加一个示例: http ://jsbin.com/qekajezepu/1/edit?js,output
fullcalendar - 在 Fullcalendar 的调度器中添加时间指示(资源视图)
在使用调度程序的资源视图时,用户发现很难理解悬停时间。
在下面添加这个 $('#calendar').fullCalendar( ... );
和 CSS
问题:当用户按下下一个或上一个按钮时,日历再次呈现表格并且.hover 不起作用。
angular - PrimeNG Schedule 未显示的事件无法读取 null 的属性 scrollTop
我正在尝试使用 PrimeNG 的 Schedule 组件为用户显示日历事件。日历显示,但是当 Fullcalendar 尝试呈现事件时,它返回错误:"ORIGINAL EXCEPTION: TypeError: Cannot read property 'scrollTop' of null"
事件应该是正确的格式,因为这个项目只是从已经使用 Fullcalendar 的 angular1 版本重构。下面我包含了 html、配置选项和试图显示的事件的模拟。
事实证明,无论我包含什么选项,fullcalendar 总是给出相同的错误。我什至尝试加载没有选项的计划模板,但仍然有同样的错误。这似乎表明我包含 Schedule 和 fullcalendar 的方式不正确。我通过 npm install --save 包含了primeng 和 moment,然后通过 html cdns 包含了 fullcalendar。我按照此处显示的实施更改 来启动并运行计划。然后,我将 Schedule 添加为我当前组件的提供者和指令。Schedule 也包含在我的类构造函数中,以便我可以从组件的方法中引用它。
jquery - 来自单个事件源的 RefetchEvents fullcalendar
我正在使用 fullcalandar jquery 插件,但现在我坚持重新获取日历。我有两个事件源,并且我在日历标题上制作了自定义刷新按钮。每当用户点击刷新按钮时,我只想从第二个事件源重新获取事件。
有没有办法在 fullcalendar refetchEvents 中传递参数并从单个事件源重新获取。
每当用户单击自定义刷新按钮时,我正在做$("#calendar").fullcalendar('refetchEvents');
- 这将重新获取整个日历(第一个 + 第二个事件源)
我期望做的是,我只想为第二个事件源重新获取。
ajax - 我想通过 ajax 调用更新全日历营业时间
我可以轻松地通过 ajax 调用呈现事件。但我无法更新营业时间并在 ajax 响应后应用选择约束....
fullcalendar - 如何将 FullCalendar 资源与 Google 日历中的 EventSources 关联?
我搜索了文档,但没有发现将 FullCalendar 资源与 Google 日历中的事件源相关联。
这是相关代码:
请帮忙 :-)
fullcalendar - FullCalendar - 如何增加时间线小时之间的空间?
我正在使用这个基本示例http://fullcalendar.io/js/fullcalendar-scheduler-1.3.2/demos/theme.html
想要在时间线小时之间增加大小,所以如果我有 20 分钟的事件,那么标题就不会完全显示
有什么建议么 ?谢谢
javascript - 如何在另一个事件中添加一个事件 - fullcalendar
我尝试创建一个基于 AngularJS 的名册。对于这个项目,我使用的是 fullcalendar(调度程序版本)。
这是我目前的状态:
目标是,我想将我的员工拖放到工作层中。例如,“Haris Bjelic”,在我的工作层中(显示为“WL from 01.06 - 04.06”)。
然后我知道“Haris Bjelic”需要从 01.06 到 04.06 工作(没有任何休息,呵呵)。首先,我试图找到一个函数,它可以让我在另一个事件中添加一个事件。在这种情况下,我首先从 01.06 创建了一个名为“工作层”的层。- 04.06' 我可以在此层中拖放任何员工,以计划他们的工作时间。
在调度程序中,左侧列出了我的部门(如酒吧、服务等)。右侧是可见的接下来的几天。
目前我尝试了这个功能:
因此,如果我将“haris bjelic”拖放到“WL from 01.06 - 04.06”中,如果它们重叠在一起,我就可以访问这两个事件。因此,我尝试获取“可拖动”事件的 ID 和“WL from 01.06 - 04.06”的 ID,以将其设置为数据库的关系。
如果这样做了,我想将员工姓名附加到工作层的“标题”。如果我将“Haris Bjelic”和其他员工拖放到“WL from 01.06 - 04.06”,结果需要如下所示:
使用eventOverlap函数,我可以访问这两个事件。目前,当我将“haris bjelic”拖到另一个事件并触发了重叠功能时,我想更改工作层的标题。
在 eventOverlap 我试过这个:
它创建了一个新事件来仅更改文本!
看这里:
为什么 updateEvent 会创建一个新事件而不是更新旧事件?我将 StillEvent 放在 updateEvent 函数中。
php - 从 mysql 填充嵌套的 json
我正在尝试使用完整的日历调度程序插件,并且正在尝试从我的数据库中创建所需的 JSON。所需格式如下所示。我需要让员工成为他们部门的“孩子”
所以所有的清洁工都会显示在清洁下,人力资源下显示人力资源等
我的表格如下所示:
到目前为止我的代码,它只输出所有内容