javascriptライブラリのFullCalendar(5.5.1)を使用して1週間分のカレンダーを作成しています。
現在、1週間分のカレンダー表示は出来ていますが、当日始まりに出来ません。
今は、日曜日始まりの週間カレンダーしか表示出来てません。
実現したいのは、
・当日から始まる1週間分を表示させたい。(例えば今日が1/26であれば、1/26~2/1までのカレンダーを表示させたい。)
・過去の日付には遷移できないようにしたい。
の2点です。
(PHPは客先事情で使えません。HTMLとJavascriptだけで実現したいです。)
現状のコードは以下のとおりです。
Javascript
1 document.addEventListener('DOMContentLoaded', function() { 2 var calendarEl = document.getElementById('calendar'); 3 4 var calendar = new FullCalendar.Calendar(calendarEl, { 5 locale: 'ja', 6 headerToolbar: { 7 left: 'prev,next today', 8 center: 'title', 9 right: 'timeGridWeek' 10 }, 11 initialView: 'timeGridWeek', 12 businessHours: true, 13 editable: true, 14 selectable: true, 15 slotMinTime: '09:00:00', 16 slotMaxTime: '22:00:00', 17 events: [ 18 ] 19 }); 20 21 calendar.render(); 22 });
HTML
1<div id="calendar"></div>
お知恵をお貸しください。
よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/01/26 01:59