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

質問編集履歴

2

コード修正

2020/07/07 10:10

投稿

jyon3030
jyon3030

スコア11

title CHANGED
File without changes
body CHANGED
@@ -87,7 +87,7 @@
87
87
  document.getElementsByClassName('fc-prev-button fc-button fc-state-default fc-corner-left')[0].textContent = "前月"
88
88
  document.getElementsByClassName('fc-prev-button fc-button fc-state-default fc-corner-right')[0].textContent = "次月"
89
89
  }
90
- else if (view.type == "agendaDa") {
90
+ else if (view.type == "agendaDay") {
91
91
  document.getElementsByClassName('fc-prev-button fc-button fc-state-default fc-corner-left')[0].textContent = "前日"
92
92
  document.getElementsByClassName('fc-prev-button fc-button fc-state-default fc-corner-right')[0].textContent = "翌日"
93
93
  }

1

回答を受けて自分なりに考えてコードを修正。

2020/07/07 10:10

投稿

jyon3030
jyon3030

スコア11

title CHANGED
File without changes
body CHANGED
@@ -56,4 +56,52 @@
56
56
  day: '日'
57
57
  }
58
58
  });
59
+ ```
60
+
61
+ ```
62
+ 回答を受けて自分なりに考えてコードを修正。
63
+
64
+
65
+ $('#calendar').fullCalendar({
66
+ events: '/events.json',
67
+ //カレンダー上部を年月で表示させる
68
+ titleFormat: 'YYYY年 M月',
69
+ //曜日を日本語表示
70
+ dayNamesShort: ['日', '月', '火', '水', '木', '金', '土'],
71
+ //ボタンのレイアウト
72
+ header: {
73
+ // title, prev, next, prevYear, nextYear, today
74
+ left: 'prev,next today',
75
+ center: 'title',
76
+ right: 'month agendaWeek agendaDay'
77
+ },
78
+ events: '/store_managers/<%= @id %>/reservations.json',
79
+
80
+ // 「月」「週」「日」によっての条件訳
81
+ eventAfterRender : function(event, element, view) {
82
+ if (view.type == "agendaWeek") {
83
+ document.getElementsByClassName('fc-prev-button fc-button fc-state-default fc-corner-left')[0].textContent = "前週"
84
+ document.getElementsByClassName('fc-next-button fc-button fc-state-default fc-corner-right')[0].textContent = "次週"
85
+ }
86
+ else if (view.type == "month") {
87
+ document.getElementsByClassName('fc-prev-button fc-button fc-state-default fc-corner-left')[0].textContent = "前月"
88
+ document.getElementsByClassName('fc-prev-button fc-button fc-state-default fc-corner-right')[0].textContent = "次月"
89
+ }
90
+ else if (view.type == "agendaDa") {
91
+ document.getElementsByClassName('fc-prev-button fc-button fc-state-default fc-corner-left')[0].textContent = "前日"
92
+ document.getElementsByClassName('fc-prev-button fc-button fc-state-default fc-corner-right')[0].textContent = "翌日"
93
+ }
94
+ },
95
+ //ヘッダーボタンの名前
96
+ buttonText: {
97
+ prev: '前',
98
+ next: '次',
99
+ prevYear: '前年',
100
+ nextYear: '翌年',
101
+ today: '今日',
102
+ month: '月',
103
+ week: '週',
104
+ day: '日'
105
+ }
106
+ });
59
107
  ```