【问题标题】:extend time range when drag external item to fullcalendar将外部项目拖到全日历时延长时间范围
【发布时间】:2017-10-30 22:32:47
【问题描述】:

我正在使用 fullcalendar.io javascript 库。 https://fullcalendar.io/js/fullcalendar-3.6.2/demos/external-dragging.html

在示例链接上,可以将外部项目拖放到选定范围的日历中(如您所见为浅蓝色)。

我认为默认选择的范围是 2 小时。那么我可以不同地更改每个外部项目的范围吗?

即使听不懂问题也请回复我。

谢谢

【问题讨论】:

标签: javascript fullcalendar


【解决方案1】:

根据文档,您可以将其指定为可拖动对象的数据属性。例如:

$('.draggable').data('duration', '03:00');

将为所有具有“可拖动”类的元素设置 3 小时的默认持续时间。如果需要,您还可以将其设置为标记中的属性:

<div class="draggable" data-duration="03:00" />

更多详情请见https://fullcalendar.io/docs/dropping/droppable/

【讨论】:

  • 完美答案!谢谢。你能再解释一下“可拖动”的具体开始时间吗? (参考fullcalendar.io/docs/dropping/eventReceive
  • 不确定您的意思?开始时间将根据用户在日历上放置事件的位置确定吗?
  • 是的,我知道,但我只想修复每个可拖动项目的开始时间,例如第一个项目的开始时间是 09:00 AM。第二项开始时间是这样的15:00。
  • 您是否总是将其放在“月”视图上(没有特定的时间,只有一天),或者有时也放在“议程”类型的视图上?这可能会影响解决方案
  • 也许我应该再次提出这个问题。但你的帮助对我很有帮助。谢谢。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-07-30
  • 2017-02-10
  • 2019-06-19
  • 2023-01-10
  • 2021-04-08
  • 2020-04-17
  • 2013-04-05
相关资源
最近更新 更多