質問編集履歴
3
情報の追加を行いました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -85,4 +85,50 @@
|
|
|
85
85
|
本当にありがとうございます。
|
|
86
86
|
|
|
87
87
|
上の表の通りに、下に並んでいる日付と曜日を並べ替えたいです。
|
|
88
|
-
こちらは、JavaScriptではなく、HTMLでの作業になるのでしょうか？
|
|
88
|
+
こちらは、JavaScriptではなく、HTMLでの作業になるのでしょうか？
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
追記
|
|
92
|
+
綺麗に希望の形に並べられました。
|
|
93
|
+
本当にありがとうございます。
|
|
94
|
+
|
|
95
|
+
一応、最終的なコードを貼っておきます。
|
|
96
|
+
|
|
97
|
+
```JavaScript
|
|
98
|
+
<script language="JavaScript" type="text/javascript">
|
|
99
|
+
const weeks = ['日', '月', '火', '水', '木', '金', '土']
|
|
100
|
+
const date = new Date()
|
|
101
|
+
const year = date.getFullYear()
|
|
102
|
+
const month = date.getMonth() + 1
|
|
103
|
+
const startDate = new Date(year, month - 1, 1) // 月の最初の日を取得
|
|
104
|
+
const endDate = new Date(year, month, 0) // 月の最後の日を取得
|
|
105
|
+
const endDayCount = endDate.getDate() // 月の末日
|
|
106
|
+
const startDay = startDate.getDay() // 月の最初の日の曜日を取得
|
|
107
|
+
let dayCount = 1 // 日にちのカウント
|
|
108
|
+
let weekCount = startDay // 曜日のカウント
|
|
109
|
+
let calendarHtml = '' // HTMLを組み立てる変数
|
|
110
|
+
|
|
111
|
+
calendarHtml += '<table>'
|
|
112
|
+
|
|
113
|
+
var weekday = [ "日", "月", "火", "水", "木", "金", "土" ];
|
|
114
|
+
for (let i = 0; i < endDayCount; ++i) {
|
|
115
|
+
// 日付の生成
|
|
116
|
+
calendarHtml += '<tr>'+ '<td>' + dayCount + '</td>'
|
|
117
|
+
dayCount++
|
|
118
|
+
// 曜日の生成
|
|
119
|
+
calendarHtml += '<td>' + weekday[weekCount] + '</td>'+ '</tr>'
|
|
120
|
+
if(weekCount >= 6) {
|
|
121
|
+
weekCount = 0;
|
|
122
|
+
} else {
|
|
123
|
+
weekCount++;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
calendarHtml += '</table>'
|
|
128
|
+
|
|
129
|
+
document.querySelector('#calendar').innerHTML = calendarHtml
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
</script>
|
|
134
|
+
```
|
2
情報の追加を行いました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -76,4 +76,13 @@
|
|
|
76
76
|
VSCodeでJavaScript、HTML、CSSを使用して作成しています。
|
|
77
77
|
|
|
78
78
|
何か不足している情報などあればご指摘いただけると助かります。
|
|
79
|
-
よろしくお願いいたします。
|
|
79
|
+
よろしくお願いいたします。
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
追記
|
|
83
|
+
|
|
84
|
+
先ほど、教えていただいた通り修正したところ、日付と曜日の合致、テキスト表示はできました。
|
|
85
|
+
本当にありがとうございます。
|
|
86
|
+
|
|
87
|
+
上の表の通りに、下に並んでいる日付と曜日を並べ替えたいです。
|
|
88
|
+
こちらは、JavaScriptではなく、HTMLでの作業になるのでしょうか？
|
1
誤字修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
表の縦並び、日付に対応する曜日の表示、曜日
|
|
1
|
+
表の縦並び、日付に対応する曜日の表示、曜日をテキスト表示ができず困っています。
|
body
CHANGED
|
File without changes
|