/ / fullCalendarでaddEventSourceを使用してイベントを登録する方法は? - javascript、jquery、fullcalendar

fullCalendarでaddEventSourceを使ってイベントを登録するには? - javascript、jquery、fullcalendar

私がをクリックすると 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「選択」ではなく「選択」します。

しかし、私はjqueryとjavascriptの初心者なので、どのように記述するのか分かりません。

コードを書く方法を教えてください。

私が参照できるサイトや質問へのリンクを私に与えることができれば、本当に感謝しています。

(ああ、登録される予定のすべてのタイトル値は「閉じている」ことに注意してください)

回答:

回答№1は2

次のオプションを設定します。 fullcalendar。見る デモを選択.

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

選択コールバックを設定すると、クリックしてドラッグして複数の日付を選択し、イベントを設定できます。

1日のイベントのみを許可するには、 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");
},