teratailで似ている質問を見かけたのですが、
理解力、知識が乏しく、具体的なコードを教えていただきたく投稿しました。
解決はこちらのページを参考にされているみたいなのですが、
dayRender
どのように記載したら「日」が消えますでしょうか?
上記のコードになります。googlemapと同期をしています。
js
1 2document.addEventListener('DOMContentLoaded', function() { 3 var calendarEl = document.getElementById('calendar'); 4 5 var calendar = new FullCalendar.Calendar(calendarEl, { 6 locale: 'ja', 7 businessHours: true, 8 headerToolbar: { 9 left: 'prev', 10 center: 'title', 11 right: 'next', 12 13 }, 14 15 16 displayEventTime: false, // don't show the time column in list view 17 18 // THIS KEY WON'T WORK IN PRODUCTION!!! 19 // To make your own Google API key, follow the directions here: 20 // http://fullcalendar.io/docs/google_calendar/ 21 googleCalendarApiKey: '自分のAPI', 22 23 24 eventSources: [ 25 { 26 googleCalendarId: 'ja.japanese#holiday@group.v.calendar.google.com', 27 // タイムゾーン 28 currentTimezone: 'Asia/Tokyo', 29 // 背景色とボーダー色 30 color: '#E2E3E4', 31 // 背景色(colorより優先) 32 backgroundColor: '#E2E3E4', 33 // ボーダー色(colorより優先) 34 borderColor: '#E2E3E4', 35 // 文字色 36 textColor: '#464D54' 37 }, 38 { 39 googleCalendarId: '自分の@group.calendar.google.com', 40 // タイムゾーン 41 currentTimezone: 'Asia/Tokyo', 42 // 背景色とボーダー色 43 color: '#E2E3E4', 44 // 背景色(colorより優先) 45 backgroundColor: '#E2E3E4', 46 // ボーダー色(colorより優先) 47 borderColor: '#E2E3E4', 48 // 文字色 49 textColor: '#464D54' 50 } 51 ] , 52 53 54 eventClick: function(arg) { 55 // opens events in a popup window 56 window.open(arg.event.url, 'google-calendar-event', 'width=700,height=500'); 57 58 arg.jsEvent.preventDefault() // don't navigate in main tab 59 }, 60 61 loading: function(bool) { 62 document.getElementById('loading').style.display = 63 bool ? 'block' : 'none'; 64 } 65 66 }); 67 68 calendar.render(); 69}); 70 71
バージョン
https://fullcalendar.io/
fullcalendar-5.2.0.
あなたの回答
tips
プレビュー