JQuery fullCalendar - 如何在拖动

时间:2018-03-13 13:18:13

标签: jquery fullcalendar

我正在使用FullCalendar库来启动我的日历应用程序。目前我的目标是以某种方式检测用户是否已到达日历的编码器。要做到这一点,首先,我必须找到一种方法,以便在用户继续移动事件时实时获取事件坐标。任何内置的本机方式(FullCalendar库)来做到这一点?或者由我来实现这个?如果是的话,怎么样????

这里是JSFiddle

var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();

$('#calendar').fullCalendar({

    selectable: true,
    selectHelper: true,
    editable: true,
    events: [{
        title: 'Some Event',
        start: new Date(y, m, d + 1, 19, 0),
        end: new Date(y, m, d + 1, 22, 30),
        allDay: false
    }, {
        title: 'Meeting',
        start: new Date(y, m, d, 12, 0),
        end: new Date(y, m, d, 13, 0),
        allDay: false
    }],
    eventDragStart: function( event, jsEvent, ui, view ) { 
            console.log(jsEvent.offsetX);
        },
});

eventDragStart仅在开始时提供坐标,而我需要在用户继续移动事件时实时更改

1 个答案:

答案 0 :(得分:-2)

这里的好日子是事件点击的示例,其中jsEvent.pageX = x ...

eventClick: function (calEvent, jsEvent, view) {
    //alert('Event: ' + calEvent.title);
    //alert('Coordinates: ' + jsEvent.pageX + ',' +jsEvent.pageY);
}