前提・実現したいこと
簡易的な勤怠システムの作成をしています。
月毎に表を表示するのですが、表示している月をテキストで表示したいです。
発生している問題・エラーメッセージ
反映しません。
該当のソースコード
JavaScript
1<script language="JavaScript" type="text/javascript"> 2 3 4const weeks = ['日', '月', '火', '水', '木', '金', '土'] 5const date = new Date() 6const year = date.getFullYear() 7const month = date.getMonth() + 1 8const startDate = new Date(year, month - 1, 1) // 月の最初の日を取得 9const endDate = new Date(year, month, 0) // 月の最後の日を取得 10const endDayCount = endDate.getDate() // 月の末日 11const startDay = startDate.getDay() // 月の最初の日の曜日を取得 12let dayCount = 1 // 日にちのカウント 13let weekCount = startDay // 曜日のカウント 14let calendarHtml = '' // HTMLを組み立てる変数 15 16// 初期表示 17window.onload = function () { 18 showProcess(today, calendar); 19}; 20 21function showProcess(date) { 22 document.querySelector('#header').innerHTML =month + "月 勤怠一覧"; 23 24 var calendar = createProcess(year, month); 25 document.querySelector('#calendar').innerHTML = calendar; 26} 27 28 29 // カレンダー 30calendarHtml += '<table>' 31 // 見出し 32 calendarHtml += '<tr>'+'<th>'+"日"+'</th>' 33 +'<th>'+"曜日"+'</th>' 34 +'<th>'+"開始"+'</th>' 35 +'<th>'+"終了"+'</th>' 36 +'<th>'+"休憩(h)"+'</th>' 37 +'<th>'+"勤務時間(h)"+'</th>' 38 +'<th>'+"出欠"+'</th>' 39 +'</tr>' 40 41 var weekday = [ "日", "月", "火", "水", "木", "金", "土" ]; 42 for (let i = 0; i < endDayCount; ++i) { 43 // 日付の生成 44 calendarHtml += '<tr>'+ '<td>' + dayCount + '</td>' 45 dayCount++ 46 // 曜日の生成 47 calendarHtml += '<td>' + weekday[weekCount] + '</td>'+ '</tr>' 48 if(weekCount >= 6) { 49 weekCount = 0; 50 } else { 51 weekCount++; 52 } 53 } 54 calendarHtml += '</table>' 55 document.querySelector('#calendar').innerHTML = calendarHtml 56 57 </script>
試したこと
カレンダーの見出し表示が近い印象を受けたので、検索してヒットしたものをあててみたり、プルダウン表示で月選択できる部分をあてようとしてみたのですが、うまく反映できません。
補足情報(FW/ツールのバージョンなど)
上記はエクセルで作成したものです。
右上の“8月 勤怠一覧”を下の日別の表と合致する月で表示できるようにしたいです。
何かご存じの方がいらっしゃいましたらお教えいただけると助かります。
よろしくお願いいたします。
追記
こちらの仕様が不要になったため、一旦、閉めます。
お騒がせしました。
後日、調べなおし、解決した際には、再度、追記させていただきます。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/06/15 08:24
2021/06/15 08:27
2021/06/15 08:31
2021/06/15 08:35