Я настраиваю полный календар, который извлекает события из бэкэнд и показывает его. Кроме того, пользователи могут удалять события.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 ('Clicked on:' + date.getDate() + "/" + date.getMonth() + "/" + date.getFullYear()); } –
См. Мое решение ниже. 'dt', где я храню дату, полученную из календаря. –