質問するログイン新規登録

質問編集履歴

5

2020/10/06 01:04

投稿

gomamon
gomamon

スコア1

title CHANGED
File without changes
body CHANGED
@@ -2,6 +2,7 @@
2
2
  dayClickが機能していないようです。
3
3
  どこに不備があるのかご教授いただけないでしょうか?
4
4
 
5
+
5
6
  ※追記
6
7
  エラーはありません
7
8
 

4

2020/10/06 01:04

投稿

gomamon
gomamon

スコア1

title CHANGED
File without changes
body CHANGED
@@ -6,6 +6,9 @@
6
6
  エラーはありません
7
7
 
8
8
  ### 該当のソースコード
9
+
10
+ ```lang-HTML
11
+
9
12
  <!DOCTYPE html>
10
13
  <html>
11
14
  <head>

3

2020/10/06 01:04

投稿

gomamon
gomamon

スコア1

title CHANGED
File without changes
body CHANGED
@@ -111,115 +111,6 @@
111
111
  <div id='calendar'></div>
112
112
 
113
113
  </body>
114
- </html>```ここに言語を入力
115
-
116
-
117
- ### 該当のソースコード
118
- <!DOCTYPE html>
119
- <html>
120
- <head>
121
- <meta charset='utf-8' />
122
- <link href='../lib/main.css' rel='stylesheet' />
123
- <script src='../lib/main.js'></script>
124
- <script src="lib/jquery.min.js"></script>
125
- <script src="lib/moment.min.js"></script>
126
- <script src="fullcalendar.js"></script>
127
- <script>
128
-
129
- document.addEventListener('DOMContentLoaded', function() {
130
- var calendarEl = document.getElementById('calendar');
131
-
132
- var calendar = new FullCalendar.Calendar(calendarEl, {
133
- headerToolbar: {
134
- left: 'prev,next today',
135
- center: 'title',
136
- right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
137
- },
138
- initialDate: '2020-09-12',
139
- navLinks: true, // can click day/week names to navigate views
140
- businessHours: true, // display business hours
141
- editable: true,
142
- selectable: true,
143
-
144
-
145
- events: [
146
- {//ここにイベントを記述していく
147
- title: 'Business Lunch',
148
- start: '2020-09-03T13:00:00',
149
- constraint: 'businessHours'
150
- },
151
- {
152
- title: 'Meeting',
153
- start: '2020-09-13T11:00:00',
154
- constraint: 'availableForMeeting', // defined below
155
- color: '#257e4a'
156
- },
157
-
158
- // areas where "Meeting" must be dropped
159
- {
160
- groupId: 'availableForMeeting',
161
- start: '2020-09-11T10:00:00',
162
- end: '2020-09-11T16:00:00',
163
- display: 'background'
164
- },
165
-
166
- // red areas where no events can be dropped
167
- {
168
- start: '2020-09-24',
169
- end: '2020-09-28',
170
- overlap: false,
171
- display: 'background',
172
- color: '#ff9f89'
173
- },
174
- ],
175
- dayClick: function(date, allDay, jsEvent, view) {
176
- console.log('a');
177
- var title = prompt('予定を入力してください:');
178
- $('#calendar').fullCalendar('addEventSource', [{
179
- id:date, //(date それぞれのボックスが持つ日付。)
180
- title: title,
181
- start: date, //(日付)
182
- allDay: allDay
183
- }]);
184
- },
185
- });
186
-
187
- calendar.render();
188
- });
189
-
190
- </script>
191
- <style>
192
-
193
- body {
194
- margin: 40px 10px;
195
- padding: 0;
196
- font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
197
- font-size: 14px;
198
- }
199
-
200
- #calendar {
201
- max-width: 1100px;
202
- margin: 0 auto;
203
- }
204
- /* 日曜日*/
205
- .fc-sun {
206
- color: red;
207
- background-color: #fff0f0;
208
- }
209
-
210
- /* 土曜日 */
211
- .fc-sat {
212
- color: blue;
213
- background-color: #f0f0ff;
214
- }
215
-
216
- </style>
217
- </head>
218
- <body>
219
-
220
- <div id='calendar'></div>
221
-
222
- </body>
223
114
  </html>
224
115
 
225
116
  ```

2

2020/10/06 01:01

投稿

gomamon
gomamon

スコア1

title CHANGED
File without changes
body CHANGED
@@ -2,6 +2,8 @@
2
2
  dayClickが機能していないようです。
3
3
  どこに不備があるのかご教授いただけないでしょうか?
4
4
 
5
+ ※追記
6
+ エラーはありません
5
7
 
6
8
  ### 該当のソースコード
7
9
  <!DOCTYPE html>
@@ -109,4 +111,115 @@
109
111
  <div id='calendar'></div>
110
112
 
111
113
  </body>
114
+ </html>```ここに言語を入力
115
+
116
+
117
+ ### 該当のソースコード
118
+ <!DOCTYPE html>
119
+ <html>
120
+ <head>
121
+ <meta charset='utf-8' />
122
+ <link href='../lib/main.css' rel='stylesheet' />
123
+ <script src='../lib/main.js'></script>
124
+ <script src="lib/jquery.min.js"></script>
125
+ <script src="lib/moment.min.js"></script>
126
+ <script src="fullcalendar.js"></script>
127
+ <script>
128
+
129
+ document.addEventListener('DOMContentLoaded', function() {
130
+ var calendarEl = document.getElementById('calendar');
131
+
132
+ var calendar = new FullCalendar.Calendar(calendarEl, {
133
+ headerToolbar: {
134
+ left: 'prev,next today',
135
+ center: 'title',
136
+ right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
137
+ },
138
+ initialDate: '2020-09-12',
139
+ navLinks: true, // can click day/week names to navigate views
140
+ businessHours: true, // display business hours
141
+ editable: true,
142
+ selectable: true,
143
+
144
+
145
+ events: [
146
+ {//ここにイベントを記述していく
147
+ title: 'Business Lunch',
148
+ start: '2020-09-03T13:00:00',
149
+ constraint: 'businessHours'
150
+ },
151
+ {
152
+ title: 'Meeting',
153
+ start: '2020-09-13T11:00:00',
154
+ constraint: 'availableForMeeting', // defined below
155
+ color: '#257e4a'
156
+ },
157
+
158
+ // areas where "Meeting" must be dropped
159
+ {
160
+ groupId: 'availableForMeeting',
161
+ start: '2020-09-11T10:00:00',
162
+ end: '2020-09-11T16:00:00',
163
+ display: 'background'
164
+ },
165
+
166
+ // red areas where no events can be dropped
167
+ {
168
+ start: '2020-09-24',
169
+ end: '2020-09-28',
170
+ overlap: false,
171
+ display: 'background',
172
+ color: '#ff9f89'
173
+ },
174
+ ],
175
+ dayClick: function(date, allDay, jsEvent, view) {
176
+ console.log('a');
177
+ var title = prompt('予定を入力してください:');
178
+ $('#calendar').fullCalendar('addEventSource', [{
179
+ id:date, //(date それぞれのボックスが持つ日付。)
180
+ title: title,
181
+ start: date, //(日付)
182
+ allDay: allDay
183
+ }]);
184
+ },
185
+ });
186
+
187
+ calendar.render();
188
+ });
189
+
190
+ </script>
191
+ <style>
192
+
193
+ body {
194
+ margin: 40px 10px;
195
+ padding: 0;
196
+ font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
197
+ font-size: 14px;
198
+ }
199
+
200
+ #calendar {
201
+ max-width: 1100px;
202
+ margin: 0 auto;
203
+ }
204
+ /* 日曜日*/
205
+ .fc-sun {
206
+ color: red;
207
+ background-color: #fff0f0;
208
+ }
209
+
210
+ /* 土曜日 */
211
+ .fc-sat {
212
+ color: blue;
213
+ background-color: #f0f0ff;
214
+ }
215
+
216
+ </style>
217
+ </head>
218
+ <body>
219
+
220
+ <div id='calendar'></div>
221
+
222
+ </body>
112
- </html>
223
+ </html>
224
+
225
+ ```

1

2020/10/06 01:00

投稿

gomamon
gomamon

スコア1

title CHANGED
File without changes
body CHANGED
@@ -2,6 +2,7 @@
2
2
  dayClickが機能していないようです。
3
3
  どこに不備があるのかご教授いただけないでしょうか?
4
4
 
5
+
5
6
  ### 該当のソースコード
6
7
  <!DOCTYPE html>
7
8
  <html>