fullcalender不会影响设置

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

您必须删除线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 和天点击可以通过相关代码实现。

Answer 2

我认为你正在寻找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 
     ); 
    } 
    });