質問編集履歴
1
日付要素の取得はできそうだが、まだまだ記述が分からない。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -565,3 +565,61 @@
|
|
|
565
565
|
|
|
566
566
|
|
|
567
567
|
現状のブラウザ画面
|
|
568
|
+
|
|
569
|
+
|
|
570
|
+
|
|
571
|
+
***
|
|
572
|
+
|
|
573
|
+
2020/12/11追記
|
|
574
|
+
|
|
575
|
+
main.jsに以下のコードを加えることで、日付１つ１つの要素にid属性を付加することができました。後は、この要素を親要素として「子要素１（日付表示）」、「子要素２（イベント名）」を作り、カレンダーの日付情報と登録したイベントの日付が同じ時に、その場所にイベント名を表示させる記述ができればと思っていますが、要素の追加、JavascriptでRailsのインスタンス変数を受け渡しにつまづいています。gonというGemを導入してevents.controller.rbに「gon.events = @events」と設定しましたが、「@events.each do」のJavascript版の記述が分からず、サイトを彷徨っています。参考サイトの紹介などでも構いませんので、解決の糸口を一緒に探して頂けないでしょうか？よろしくお願い致します。
|
|
576
|
+
|
|
577
|
+
|
|
578
|
+
|
|
579
|
+
```ruby
|
|
580
|
+
|
|
581
|
+
〜省略〜
|
|
582
|
+
|
|
583
|
+
weeks.forEach(week => {
|
|
584
|
+
|
|
585
|
+
const tr = document.createElement('tr');
|
|
586
|
+
|
|
587
|
+
week.forEach(date => {
|
|
588
|
+
|
|
589
|
+
const td = document.createElement('td');
|
|
590
|
+
|
|
591
|
+
|
|
592
|
+
|
|
593
|
+
td.textContent = date.date;
|
|
594
|
+
|
|
595
|
+
if (date.isToday) {
|
|
596
|
+
|
|
597
|
+
td.classList.add('today');
|
|
598
|
+
|
|
599
|
+
}
|
|
600
|
+
|
|
601
|
+
if (date.isDisabled) {
|
|
602
|
+
|
|
603
|
+
td.classList.add('disabled');
|
|
604
|
+
|
|
605
|
+
}
|
|
606
|
+
|
|
607
|
+
|
|
608
|
+
|
|
609
|
+
td.setAttribute('id', 'event_box') #ここに追加
|
|
610
|
+
|
|
611
|
+
|
|
612
|
+
|
|
613
|
+
tr.appendChild(td);
|
|
614
|
+
|
|
615
|
+
});
|
|
616
|
+
|
|
617
|
+
document.querySelector('tbody').appendChild(tr);
|
|
618
|
+
|
|
619
|
+
});
|
|
620
|
+
|
|
621
|
+
}
|
|
622
|
+
|
|
623
|
+
〜省略〜
|
|
624
|
+
|
|
625
|
+
```
|