私はFullCalendarの基本的な実装で遊んでいます。しかし、以下のコードで(コピーしてファイルに貼り付けます)。与えられた時点での私の総会 "を繰り返し毎日。私はフレッドに対して1つのイベント、3月1日の午後6時まで午後3時を持っている必要があります。繰り返しません。
これは関係なく、startRecur / endRecurプロパティの起こります。効果を持っていた唯一のものはdaysOfWeekプロパティでした。値を設定すると、それだけでそれらの日に表示されます意味しました。何が私が間違っているのでしょうか?
おかげミック
function run() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: ['resourceTimeline'],
defaultView: 'resourceTimelineWeek',
resources: [{
id: 1,
title: 'Fred'
},
{
id: 2,
title: 'Jane'
}
],
events: [{
id: '1',
resourceId: '1',
title: 'Meeting',
allDay: false,
start: '2020-03-1',
end: '2020-03-1',
startTime: '15:00',
endTime: '18:00'
}]
});
calendar.render();
}
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/locales-all.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.min.css">
<body onload="run()">
<div id='calendar'></div>
</body>
あなたが指定した場合startTime
とendTime
で述べた性質定期的なイベントのドキュメントを、そしてfullCalendarは、標準の無視start
やend
イベントの配置を決定するための完全な特性を、そして再発関連のプロパティ(のstartTime、endTimeは、startRecurとendRecur)に代わりに依存しています。
あなたは可能性があり、このように、再発の構文を使用して、この単一のイベントを指定します。
startRecur: '2020-03-01',
endRecur: '2020-03-02',
startTime: '15:00',
endTime: '18:00'
あなたが実際に再発したくない場合はしかし、それは少し無意味です。
あなただけの通常のシングル出現イベントをしたい場合は、「定期的なイベント」プロパティを使用しないでください。ただで日付と時刻を指定start
し、end
され、通常の方法でプロパティを明確に文書 fullCalendarのドキュメントやデモに無数の例にして示しました。
start: '2020-03-01 15:00',
end: '2020-03-01 18:00',
私はあなただけ試してみて、非定期的なイベントを定義するために、再発についてのドキュメントページに記載されているプロパティの使用を決定することになったかは明らかではありませんよ。
とにかくここで働くのデモです:
function run() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: ['resourceTimeline'],
defaultView: 'resourceTimelineWeek',
resources: [{
id: 1,
title: 'Fred'
},
{
id: 2,
title: 'Jane'
}
],
events: [{
id: '1',
resourceId: '1',
title: 'Meeting',
allDay: false,
start: '2020-03-01 15:00',
end: '2020-03-01 18:00',
}]
});
calendar.render();
}
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/locales-all.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.min.css">
<body onload="run()">
<div id='calendar'></div>
</body>