v2.1.6 — 日历改为周列表式:每行显示周号+日期范围+状态
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user