このコードで何が問題になるのかは実際には言いませんが、開始日と終了日が間違っていることは明らかです。そうでなければ、カレンダーはイベントをどこに配置するかをどのように知っていますか?これは "dayClick"メソッドの内部から "renderEvent"を呼び出したという事実から何の示唆も受けませんが、それはちょうど偶然のことです。 "renderEvent"はいつでも呼び出すことができ、独立しています。あなたが追加したいイベントについてすべてを伝えることを期待しています。
イベントを追加しようとした後にブラウザのコンソールを確認した場合、「未定義のプロパティ 'stripTime'を読み取ることができません」というエラーが表示されました。これはうまくいけば、エラー、時間に関連しています。また、元に戻ってそれが何をしていたのか、また何をやり抜いていたのかを見ることができます。とにかく
、あなたはこれが一日のために終日イベントになりたいから、あなたは非常に簡単にコールバックによって供給date
プロパティを使用することができます。
dayClick: function (date, allDay, jsEvent, view) {
var eventTitle = prompt('Provide Event title');
if (eventTitle) {
$('#calendar').fullCalendar('renderEvent', {
title : eventTitle,
allDay : true,
start: date, //specify start date
stick : true,
});
}
}
注https://fullcalendar.io/docs/event_data/Event_Object/あたりとして、それだけ「開始」が必要です。 "end"はオプションで、私はそれを使用していません。 「allDay:true」と指定し、開始日のみを指定すると、fullCalendarは1日の終日イベントとみなします。
今後の予定:イベントの追加に柔軟性を持たせたい場合は(例:終日の予定ではない)、「選択」コールバックを使用して、イベントの開始時刻と終了時刻を正確に指定できるようにする必要がありますマウスをカレンダーの上にドラッグします。 https://fullcalendar.io/docs/selection/select_callback/