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

回答編集履歴

2

説明の体裁を微調整

2020/04/29 03:23

投稿

cobm
cobm

スコア239

answer CHANGED
@@ -1,33 +1,30 @@
1
1
  Fullcalendarは、V4からJQueryを使用しなくなったので、
2
2
  以下の書き方が使いたい場合は、V3のライブラリを使う必要がありますね。
3
+ https://fullcalendar.io/docs/v3/events-array
4
+
3
5
  ```Javascript
4
6
  $('#calendar').fullCalendar({
5
7
  events: []
6
8
  });
7
9
  ```
8
-
9
- https://fullcalendar.io/docs/v3/events-array
10
-
11
10
  あと、以下はJQueryの書き方なので
12
11
  ```JS
13
- $('#confirm').on('click', function() {}
12
+ $('#confirm').on('click', function() {});
14
13
  ```
15
14
  JQueryのライブラリを読むこむ必要もあります。
16
-
17
15
  ```html
18
16
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
19
17
  ```
20
18
 
21
19
 
22
20
 
21
+ V4以降だと、JQueryが不要で、V3とV4で書き方が大きく異なります。
23
22
 
24
- V4以降だとnewで生成したcalendar変数を使用します。
23
+ V4だと最初にnewで生成したcalendar変数を使用します。
25
-
24
+ https://fullcalendar.io/docs/events-array
26
25
  ```Javascript
27
26
  document.getElementById("confirm").addEventListener('click', function() {
28
27
  calendar.refetchEvents();
29
28
  calendar.render();
30
29
  });
31
- ```
30
+ ```
32
-
33
- https://fullcalendar.io/docs/events-array

1

JQueryのライブラリの説明を追加

2020/04/29 03:23

投稿

cobm
cobm

スコア239

answer CHANGED
@@ -8,8 +8,19 @@
8
8
 
9
9
  https://fullcalendar.io/docs/v3/events-array
10
10
 
11
+ あと、以下はJQueryの書き方なので
12
+ ```JS
13
+ $('#confirm').on('click', function() {}
14
+ ```
15
+ JQueryのライブラリを読むこむ必要もあります。
11
16
 
17
+ ```html
18
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
19
+ ```
12
20
 
21
+
22
+
23
+
13
24
  V4以降だと、newで生成したcalendar変数を使用します。
14
25
 
15
26
  ```Javascript