v2.1.6 — 日历改为周列表式:每行显示周号+日期范围+状态

This commit is contained in:
mac
2026-07-24 17:42:15 +08:00
parent 5e97f6d6d8
commit 9fad18733e
3 changed files with 66 additions and 28 deletions

View File

@@ -177,20 +177,34 @@
}
var todayWk = fmtWeek(new Date());
var today = new Date();
var wHtml = '';
for (var i2 = 0; i2 < weeks.length; i2++) {
var w = weeks[i2];
var cls = 'cal-week-cell';
var cls = 'cal-week-row';
var status = calendarStatus[w];
if (status) cls += ' ' + status;
if (w === todayWk) cls += ' today';
if (w === selectedWeek) cls += ' selected';
wHtml += '<div class="' + cls + '" data-week="' + w + '" title="' + w + '">' +
'第' + w.split('-W')[1].replace(/^0/, '') + '周</div>';
// 计算日期范围
var monday = new Date(calYear, calMonth, 1);
while (fmtWeek(monday) !== w) monday.setDate(monday.getDate() + 7);
var sunday = new Date(monday);
sunday.setDate(sunday.getDate() + 6);
var dateRange = (monday.getMonth()+1) + '.' + monday.getDate() + ' - ' + sunday.getDate();
var statusIcon = status === 'pass' ? '✓' : (status === 'fail' ? '✗' : '○');
var statusLabel = status === 'pass' ? '达标' : (status === 'fail' ? '未达标' : '未打卡');
wHtml += '<div class="' + cls + '" data-week="' + w + '">' +
'<span class="cal-wk-status ' + (status || 'empty') + '">' + statusIcon + '</span>' +
'<div class="cal-wk-info">' +
'<span class="cal-wk-label">第' + w.split('-W')[1].replace(/^0/, '') + '周</span>' +
'<span class="cal-wk-date">' + dateRange + '</span>' +
'</div>' +
'<span class="cal-wk-badge">' + statusLabel + '</span>' +
'</div>';
}
var we = document.getElementById('cal-weeks');
we.innerHTML = wHtml;
we.querySelectorAll('.cal-week-cell').forEach(function(cell) {
we.querySelectorAll('.cal-week-row').forEach(function(row) {
cell.addEventListener('click', function() {
var wk = this.dataset.week;
if (wk) navigateToWeek(wk);