javascript - 有什么方法可以使时间间隔在全日历中不可点击？

Question

我希望被事件占据的时间间隔不可点击。如果我只是将事件属性 editable 设置为 false，它没有帮助:我仍然可以在该事件附近单击。有什么方法可以使事件占用的所有时间间隔不可点击？ 也许以某种方式拉伸(stretch)它的宽度以覆盖一整天(实际上，这是一种理想的行为)？

Answer 1

如果某一天被某个事件占据，此代码将触发。所以理论上你可以通过 return false 来阻止点击；按照这个逻辑。

http://jsfiddle.net/ppumkin/2QAY4/

神奇的代码需要 jquery。并且您需要这段代码。

  dayClick: function(date, allDay, jsEvent, view) {

    if ($('div.fc-event').length > 0) {
        //
        var containerD = $(this).offset();
        var containerH = $(this).height();
        var mousex = jsEvent.pageX;

        $('div.fc-event').each(function(index) {
            var offset = $(this).offset();

            if (((offset.left + $(this).outerWidth()) > mousex && offset.left < mousex) && ((offset.top > containerD.top) && (offset.top < (containerD.top + containerH)))) {

                alert($(this).html());
                //This will only fire if an empty space is clicked
                //This will not fire if an event is clicked on a day
            }
        });

    }
    else {
        //Put code here to do things if no events on a day
        alert('There are no events on this day');
    }
},