javascript - FullCalendar 拖动多个事件

标签 javascript jquery fullcalendar

我想在 FullCalendar 上选择(通过复选框)多个事件,然后将所有选定的事件一起移动到不同的日期/时间。

我已经在事件中放置了复选框。但不确定如何进一步。

请注意,我知道如何使用 id 变量,该变量用于重复事件。如果可能的话,我想避免使用 id 变量,并沿着选择和移动多个事件的复选框路线进行操作。

有人可以帮助我开始移动选定的事件吗?

谢谢

编辑:

我已向名为 selected 的事件对象添加了一个非标准字段,该字段默认为 0。选中事件的复选框时,该事件的 selected 变量将设置为 1。

最佳答案

对于任何想要这样做的人,我是这样做的:

  1. eventClick方法检查事件内的复选框是否被选中,如果是,请将非标准事件属性(选定)设置为 1 或 true。
  2. eventDrop方法检查哪些事件的选定属性设置为 1 或 true,并更新这些事件的开始和结束日期/时间。
  3. 不要忘记使用$('calendar').fullCalendar('updateEvent', event);更改 eventDrop 内的属性后更新事件
  4. 最后在 eventRender我用来将复选框放置在事件元素内,确保事件的 selected 属性为 1 或 true,相应的复选框已选中。

应该可以了。

关于javascript - FullCalendar 拖动多个事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27359154/

相关文章:

javascript - Ember.js 错误 : Object Photo has no method 'eachRelatedType'

javascript - Angular 输入类型="select url"

javascript - 在 Promise 之后从 .catch 函数内访问 $scope

javascript - 在 php 中单击按钮添加表行并设置字段值

jquery - 具有行和编辑功能的引导模式

javascript - rails : jQuery adding and removing fields in form

javascript - window.history 删除除当前 url 之外的历史记录堆栈

css - 完整日历无法与语义 UI 一起正常工作

javascript - 全日历 JavaScript 数组

javascript - fullCalendar ListView 无法显示