2014-03-04 81 views
1

我使用FullCalendar在我的項目,我需要禁用拖動,但能夠點擊,我曾嘗試下面的下面的代碼,但沒有成功fullcalender不會影響設置

$('#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 
     ); 
    } 
+0

你的意思是隻啓用點擊? –

+0

我添加了更多信息 – Smith

+0

你有小提琴嗎? – putvande

回答

0

您必須刪除線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天點擊可以通過相關代碼實現。

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 
     ); 
    } 
    });