通过拖放完整日历来更新事件 - Javascript
updating an event by dragging/dropping fullcalendar- Javascript
我正在为我正在开发的项目使用 Fullcalendar ...我只剩下一个功能要实现,那就是将现有事件从其原始位置拖动到另一个时间或日期。我想知道我如何获取当前对象信息(标题、新开始时间、旧开始时间、id、url 等),以便我可以使用更新的信息更新数据库......我使用完整日历对象中的哪个属性?我实现了drop
属性;
drop : function(date, allDay) {
// retrieve the dropped element's stored event object
var originalEventObject = $(this).data('eventObject');
// we need to copy it, so that multiple events don't
// have a reference object
var copiedEventObject = $.extend({}, originalEventObject);
// assign it the date that was reported
copiedEventObject.start = date;
copiedEventObject.allDay = allDay;
// render the event on the calendar
// the last `true` argument determines if the event `sticks`
$('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
// if the 'remove after drop' checkbox checked?
if ($('#drop-remove').is(':checked')) {
// if so remove the element from the "Draggable Events"
$(this).remove();
}
},
但它没有做我想做的事...
查看事件拖动和调整大小 http://arshaw.com/fullcalendar/docs/event_ui/
我认为您正在寻找的事件丢弃回调。
拖动停靠点且事件已移动到其他停止点时触发 日/时间。
http://arshaw.com/fullcalendar/docs/event_ui/eventDrop/
来自arshaw网站的例子:
$('#calendar').fullCalendar({
events: [
// events here
],
editable: true,
eventDrop: function(event,dayDelta,minuteDelta,allDay,revertFunc) {
alert(
event.title + " was moved " +
dayDelta + " days and " +
minuteDelta + " minutes."
);
if (allDay) {
alert("Event is now all-day");
}else{
alert("Event has a time-of-day");
}
if (!confirm("Are you sure about this change?")) {
revertFunc();
}
}
});
相关文章:
- 使用ReactJS使用Redux的简单状态更新事件
- 用javascript更新事件函数中的全局变量
- 更新事件全日历中的开始参数
- 在页面切换时更新事件侦听器
- 通过拖放完整日历来更新事件 - Javascript
- 淘汰赛仅更新事件一次
- Watchify 更新事件永远不会在 Virtualbox 中触发
- ExtJs:确定在存储上触发更新事件的网格
- AngularJs:更新事件$scope
- jQuery UI's未激发可排序更新事件
- 如何更新事件
- 流星更新事件中的模板
- HTML5视频时间更新事件未启动
- html5视频的时间更新事件多久触发一次
- DOM树更改时更新事件处理程序
- 如何更改引导程序时间选择器更新事件的日期
- 更新事件中的反应变量
- jsxGraph点更新事件
- Chrome扩展选项卡on更新事件
- 主干(同步)更新事件