3
バックエンドからイベントを取得して表示するfullcalendarを設定しています。また、ユーザーはイベントをドロップできます。fullcalendar-クリックしたイベントの日付を取得できません
私がしようとしているのは、クリックされたイベントの日付を取得することです。ユーザーはイベントをクリックして削除できます。しかし、私はそのイベントの日付をフェッチし、バックエンドサービスにajax呼び出しで日付を渡したいと思います。
// FullCalendar v1.5
// Script modified from the "theme.html" demo file
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar').fullCalendar({
theme: true,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: true,
// add event name to title attribute on mouseover
eventMouseover: function(event, jsEvent, view) {
if (view.name !== 'agendaDay') {
$(jsEvent.target).attr('title', event.title);
}
},
eventDestroy: function(event, element, view) {
alert("removing stuff");
},
eventClick: function(date,calEvent, jsEvent, view) {
alert('Clicked on: ' + date.getDate()+"/"+date.getMonth()+"/"+date.getFullYear());
//pass it to ajax function. Ajax function comes here
var r = confirm("Delete " + calEvent.title);
if (r === true) {
$('#calendar').fullCalendar('removeEvents', calEvent._id);
}
},
// For DEMO only
// *************
events: [{
title: 'All Day Event',
start: new Date(y, m, 1)
}, {
title: 'Long Event',
start: new Date(y, m, d - 5),
end: new Date(y, m, d - 2)
}, {
id: 999,
title: 'Repeating Event',
start: new Date(y, m, d - 3, 16, 0),
allDay: false
}, {
id: 999,
title: 'Repeating Event',
start: new Date(y, m, d + 4, 16, 0),
allDay: false
}, {
title: 'Meeting',
start: new Date(y, m, d, 10, 30),
allDay: false
}, {
title: 'Lunch',
start: new Date(y, m, d, 12, 0),
end: new Date(y, m, d, 14, 0),
allDay: false
}, {
title: 'Birthday Party',
start: new Date(y, m, d + 1, 19, 0),
end: new Date(y, m, d + 1, 22, 30),
allDay: false
}, {
title: 'Click for Google',
start: new Date(y, m, 28),
end: new Date(y, m, 29),
url: 'http://google.com/'
}]
});
});
私が取得していないイベントをクリックすると、その旨を通知しようとしました。どうすればこの問題を解決できますか？ここで
私は私がその日をクリックすると、日付を取得するには、このコードを使用することができます。しかし、私はイベントをクリックすると日付を取得したい。 dayClick：function（date、jsEvent、view）{ alert（ 'クリックした日付：' + date.getDate（）+ "/" + date.getMonth（）+ "/" + date.getFullYear（））; } –
下記の私の解決策を参照してください。 'dt'はカレンダーから取得した日付を格納しています。 –