Imdroid/rain_monitor
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 时间修复

Browse Source
This commit is contained in:
yarnom 2025-07-10 11:56:22 +08:00
parent 2599b00626
commit fe240df61c
1 changed files with 50 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
static/index.html
View File

@ -544,22 +544,34 @@
try { try {
// 按时间正序排列数据（从早到晚） // 按时间正序排列数据（从早到晚）
data.sort((a, b) => { data.sort((a, b) => {
const timeA = a.timestamp ? new Date(a.timestamp) : new Date(a.formatted_time); const timeA = a.formatted_time ? new Date(a.formatted_time) : new Date(a.timestamp);
const timeB = b.timestamp ? new Date(b.timestamp) : new Date(b.formatted_time); const timeB = b.formatted_time ? new Date(b.formatted_time) : new Date(b.timestamp);
return timeA - timeB; return timeA - timeB;
}); });
const labels = data.map(item => { const labels = data.map(item => {
// 解析时间字符串为本地时间 // 优先使用formatted_time，如果不存在则尝试使用timestamp
const timeStr = item.formatted_time || item.timestamp; let timeStr = item.formatted_time || item.timestamp;
const date = new Date(timeStr);
// 格式化为中文日期时间格式 try {
return date.getFullYear() + '/' + // 解析时间字符串为本地时间
(date.getMonth() + 1).toString().padStart(2, '0') + '/' + const date = new Date(timeStr);
date.getDate().toString().padStart(2, '0') + ' ' +
date.getHours().toString().padStart(2, '0') + ':' + // 检查日期是否有效
date.getMinutes().toString().padStart(2, '0'); if (isNaN(date.getTime())) {
return timeStr; // 如果无法解析，直接返回原始字符串
}
// 格式化为中文日期时间格式
return date.getFullYear() + '/' +
(date.getMonth() + 1).toString().padStart(2, '0') + '/' +
date.getDate().toString().padStart(2, '0') + ' ' +
date.getHours().toString().padStart(2, '0') + ':' +
date.getMinutes().toString().padStart(2, '0');
} catch (e) {
console.error('图表时间解析错误:', e);
return timeStr; // 出错时返回原始字符串
}
}); });
// 是否使用自适应范围 // 是否使用自适应范围
@ -654,20 +666,37 @@
tbody.innerHTML = ''; tbody.innerHTML = '';
// 按时间倒序排列数据（从晚到早），这样最新的数据在表格顶部 // 按时间倒序排列数据（从晚到早），这样最新的数据在表格顶部
const sortedData = [...data].sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp)); const sortedData = [...data].sort((a, b) => {
// 使用formatted_time进行排序，如果不存在则尝试使用timestamp
const timeA = a.formatted_time ? new Date(a.formatted_time) : new Date(a.timestamp);
const timeB = b.formatted_time ? new Date(b.formatted_time) : new Date(b.timestamp);
return timeB - timeA;
});
sortedData.forEach(item => { sortedData.forEach(item => {
const row = document.createElement('tr'); const row = document.createElement('tr');
// 解析时间字符串为本地时间
const date = new Date(item.timestamp);
const formattedDate = // 优先使用formatted_time，如果不存在则尝试使用timestamp
date.getFullYear() + '/' + let formattedDate;
(date.getMonth() + 1).toString().padStart(2, '0') + '/' + if (item.formatted_time) {
date.getDate().toString().padStart(2, '0') + ' ' + // 如果已经有格式化好的时间，直接使用
date.getHours().toString().padStart(2, '0') + ':' + formattedDate = item.formatted_time;
date.getMinutes().toString().padStart(2, '0') + ':' + } else {
date.getSeconds().toString().padStart(2, '0'); // 否则尝试解析timestamp并格式化
try {
const date = new Date(item.timestamp);
formattedDate =
date.getFullYear() + '/' +
(date.getMonth() + 1).toString().padStart(2, '0') + '/' +
date.getDate().toString().padStart(2, '0') + ' ' +
date.getHours().toString().padStart(2, '0') + ':' +
date.getMinutes().toString().padStart(2, '0') + ':' +
date.getSeconds().toString().padStart(2, '0');
} catch (e) {
console.error('时间解析错误:', e);
formattedDate = '时间格式错误';
}
}
row.innerHTML = ` row.innerHTML = `
<td>${formattedDate}</td> <td>${formattedDate}</td>