Question

我在整个项目中使用FullCalendar，我需要禁用拖动，但是启用了点击，我在下面尝试了以下代码，但没有成功

$('#calendar').fullCalendar({
    theme: true,
    header: { 
    left: 'prev,next today',
    center: 'title',
    right: 'month,agendaWeek,agendaDay'
    },
    defaultDate: '2014-01-12', 
    editable: true,
    eventStartEditable: false
});

修改

可以拖动偶数并单击日历日，我需要禁用拖动，但是当我这样做时，点击事件不会触发

dayClick: function(date, jsEvent, view) {
        console.log(
        'Clicked on: ' + date.format + 
        'Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY+
        'Current view: ' + view.name
        );
     }

Answer 1

我认为您正在寻找eventClick。

  $('#calendar').fullCalendar({
    theme: true,
    header: { 
    left: 'prev,next today',
    center: 'title',
    right: 'month,agendaWeek,agendaDay'
    },
    defaultDate: '2014-01-12', 
    editable: false,
    eventClick: function(date, jsEvent, view) {
        alert(
            'Clicked on: ' + date.format + 
            'Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY+
            'Current view: ' + view.name
        );
    }
   });

Answer 2

您必须删除第editable: true,行

这是一个工作示例。使用此script tag。

<script>

$(document).ready(function() {

    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();
    var Xmas95 = new Date("25 Dec, 1995 23:15:00");
    alert('vidda : '+ Xmas95);
    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        //editable: true,
        events: [
            {
                title: 'All Day Event',
                start: '20140210'
            },
            {
                title: 'Long Event',
                start: new Date(y, m, d-5),
                end: new Date(y, m, d-2)
            }

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

                    alert('Clicked on the entire day: ' + date);
                    console.log(date);

            }
    });

});

 </script>

这应该可以正常工作。删除editable:true将阻止拖动工具并且 dayClick 可以通过相关代码实现。

fullcalendar不会影响设置

2 个答案: