初めまして。
解決法の見つからない問題に当たってしまい、お力を借りたく質問させて頂きます。
前提・実現したいこと
Fullcalendar(v5)にて、月200程度のイベントを管理するシステムを開発しています。
特定の日付に登録されているイベントを翌週へコピーしたいのですが、コピー実行時に新しくイベントは登録されるのですが、コピー元のイベントまで一緒に移動してしまいます。
発生している問題・エラーメッセージ
問題:コピー元のイベントが処理実行時にコピー先に移動してしまう
エラー:特になし
該当のソースコード
javascript
1dateClick : function(info){ 2 calendar.batchRendering(function(){ 3 var vals = []; 4 var date = info.dateStr; 5 var dateSP = info.dateStr.split('-'); 6 var dateJP = dateSP[1] + '月' + dateSP[2] + '日の予定'; 7 var events = calendar.getEvents(); 8 events.forEach(function(val, i){ 9 //選択した日付のイベントを取得////////////////////////////////////// 10 if(val.startStr.match(date)){ 11 vals.push(val); 12 } 13 }); 14 //イベントが1件以上の場合ポップアップ表示////////////////////////////// 15 if(vals.length >= 1){ 16 $.when( 17 $('body').prepend('<div id="popup"><span class="popupHead">' + dateJP + '<span class="popupClose" title="閉じる"></span></span><div class="popupContent"></div></div>'), 18 $('#popup').css({top : '40vh', left : '40vw'}), 19 vals.forEach(function(val, i){ 20 var Name = val.extendedProps.Name; 21 var DateTime = val.startStr.split('T'); 22 var Time = DateTime[1].split('+'); 23 $('.popupContent').append('<dl><dd>' + Time[0].substr(0, 5) + ' - ' + Name + '</dd></dl>'); 24 }) 25 ).done(function(){ 26 $('#popup').fadeIn(); 27 $('.popupContent').append('<span style="display: inline-block; width: 50%; text-align: center;"><input type="button" id="resCopy" value="次週へ予定をコピー"></span>'); 28 $('#resCopy').click(function(){ 29 calendar.batchRendering(function(){ 30 vals.forEach(function(val, i){ 31 var dateTimeObj = val.startStr.split('T'); 32 var dateObj = dateTimeObj[0].split('-'); 33 var timeSp = dateTimeObj[1].split('+'); 34 var timeObj = timeSp[0].split(':'); 35 36 var date = new Date(parseInt(dateObj[0]), parseInt(dateObj[1]) - 1, parseInt(dateObj[2]) + 7, parseInt(timeObj[0]) + 9, parseInt(timeObj[1])); 37 var dateSp = date.toISOString().split('.'); 38 val.setStart(dateSp[0]);//翌週の日付を設定 39 40 calendar.addEvent({ 41 42 /*(各種イベント登録情報)*/ 43 44 45 }); 46 }); 47 }); 48 }); 49 }); 50 } 51 }); 52 },
試したこと
Fullcalendarに関する情報各種を集めていますが、JQuery版の情報ばかりで、何分最新のJavascript版の情報自体が少なく、公式ドキュメントでも知りたい情報が見つからず困っています。
もしjs版Fullcalendarについて詳しい方がおられましたら、どうかお力をお貸しください。
補足情報(FW/ツールのバージョンなど)
FullCalendar v5
JQuery 3.5.1
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。