fix(frontend): change time format to 12-hour with AM/PM

- Change time locale from zh-CN to en-US to properly display AM/PM
- Increase letter-spacing for better readability (0.08em → 0.12em)
- Update all time displays to use 12-hour format consistently
This commit is contained in:
2026-04-06 22:21:54 +08:00
parent 712d9e1652
commit 3cf8762b96
3 changed files with 3 additions and 3 deletions

View File

@@ -2155,7 +2155,7 @@
.jarvis-time {
font-family: var(--font-mono);
font-size: 12px;
letter-spacing: 0.08em;
letter-spacing: 0.12em;
color: rgba(224, 248, 255, 0.86);
}

View File

@@ -36,7 +36,7 @@ export function useClientTime() {
}
function formatClientClock(date: Date) {
return date.toLocaleTimeString('zh-CN', { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' })
return date.toLocaleTimeString('en-US', { hour12: true, hour: '2-digit', minute: '2-digit', second: '2-digit' })
}
function weatherCodeLabel(code: number | null | undefined) {

View File

@@ -230,7 +230,7 @@ function renderMarkdown(content: string) {
<div class="jarvis-date-row">
<div class="jarvis-date-meta">
<div class="jarvis-month">{{ clientTime.toLocaleString('zh-CN', { month: 'long' }) }} {{ clientTime.getFullYear() }}</div>
<div class="jarvis-time">{{ clientTime.toLocaleTimeString('zh-CN', { hour12: false }) }}</div>
<div class="jarvis-time">{{ clientTime.toLocaleTimeString('en-US', { hour12: true }) }}</div>
</div>
<div class="jarvis-location">
<div class="location-info">