完整日历不会影响设置

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可以通过相关代码实现。