如何在fullCalendar中使用addEventSource注册事件?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在fullCalendar中使用addEventSource注册事件?相关的知识,希望对你有一定的参考价值。
当我点击dayClick
时,我想在点击的日期添加一个事件。
我有以下JS代码:
$('#calendar').fullCalendar({
header: {
center: "title", // 센터에는 타이틀 명이 오고
left: "prev", // 왼쪽에는 < 버튼이 오고
right: "next" // 오른쪽에는 > 버튼이 오게됌
},
lang: 'ko', // 달력 한글 설정
editable: true, // 달력의 이벤트를 수정할 수 있는지 여부를 결정
dayClick: function(date, allDay, view) // 일 클릭시 발생
{
var dateFormat = date.format('YYYY-MM-DD');
if (confirm('Do you want to register as closed?')) {
// Register event
} else {
alert('You Click No');
}
}
});
//Register event
这部分,我该如何添加代码?
我一直非常小心“选择”功能,但我想实现的功能很简单,所以我更喜欢使用“addEventSource
”而不是“select”。
但我是jquery和javascript的初学者,所以我不知道怎么写它。
请指导我如何编写代码。
如果你能给我一个我可以参考的网站或问题的链接,我将非常感激。
(哦,请注意,要注册的事件的所有标题值都是“已关闭”)
答案
为fullcalendar
设置以下选项。见select demo。
selectable: true,
selectHelper: true,
select: function (start, end, jsEvent, view) {
var title = 'Some Event';
var eventData = {
title: title,
start: start,
end: end
};
if (confirm('Do you want to register as closed?')) {
$('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
} else {
alert('You Click No');
}
$('#calendar').fullCalendar('unselect');
},
设置选择回调允许用户单击并拖动以选择多个日期并设置事件。
要仅允许单日活动,请通过为dayClick
设置fullcalendar
选项来限制用户仅进行点击。
dayClick: function (start, end, jsEvent, view) {
var title = 'Some Event';
var eventData = {
title: title,
start: start,
};
if (confirm('Do you want to register as closed?')) {
$('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
} else {
alert('You Click No');
}
$('#calendar').fullCalendar('unselect');
},
以上是关于如何在fullCalendar中使用addEventSource注册事件?的主要内容,如果未能解决你的问题,请参考以下文章
如何在fullCalendar中使用addEventSource注册事件?
fullcalendar.io可以在.net core Blazor中使用吗?