[EDIT]二次実装である支出分析の年月表示を実装しました

This commit is contained in:
2026-09-18 16:03:32 +09:00
parent 1d010dc02b
commit 79b1abeac6
4 changed files with 62 additions and 8 deletions

View File

@@ -5,6 +5,7 @@
<title>分析画面</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="pb-5 pt-5">
<div th:replace="~{header :: header}">
@@ -13,6 +14,23 @@
<div class="container mt-4">
<h2 class="text-center">支出分析</h2>
<div class="text-center">
<a class="month-button" th:href="@{/analysis(year=${previousYear}, month=${previousMonth})}">
←
</a>
<div class="calendar-date">
<span class="year" th:text="|${year}年|"></span>
<span class="month" th:text="|${month}月|"></span>
</div>
<a class="month-button" th:href="@{/analysis(year=${nextYear}, month=${nextMonth})}">
→
</a>
</div>
<table class="table text-center">
<thead>
<tr>