鴻蒙Next應用國際化：時間與日期格式化

SameX發表於2024-11-03
鴻蒙

本文旨在深入探討華為鴻蒙HarmonyOS Next系統（截止目前API12）在應用國際化中時間與日期格式化方面的技術細節，基於實際開發實踐進行總結。主要作為技術分享與交流載體，難免錯漏，歡迎各位同仁提出寶貴意見和問題，以便共同進步。本文為原創內容，任何形式的轉載必須註明出處及原作者。

在全球化的應用場景中，正確處理時間與日期的格式化是提供優質使用者體驗的關鍵因素之一。不同地區和語言對於時間與日期的表示方式存在顯著差異，鴻蒙Next系統提供了豐富的功能來滿足這種多樣化的需求。本文將詳細介紹時間日期格式化選項、相對時間格式化、時間段格式化，以及常見時間日期格式化問題及解決方案，拋磚引玉。

一、時間日期格式化選項

（一）日期顯示格式（dateStyle）

  1. 格式取值與示例
    • full：顯示完整的日期資訊，包括年、月、日、星期。例如，在中文環境下可能顯示為“2023年10月15日 星期日”。
    • long：顯示較為詳細的日期，通常包含年、月、日和星期的縮寫。如“2023年10月15日 週日”。
    • medium：顯示適中的日期格式，一般有年、月、日。例如“2023-10-15”。
    • short：顯示簡潔的日期，可能只包含月、日和年的部分資訊。比如“10/15/23”（在某些地區格式）。
  2. 根據區域和語言選擇格式
    • 開發者可以使用 DateTimeFormat 類，根據使用者所在區域的語言和文化習慣選擇合適的 dateStyle 進行日期格式化。例如：
import { intl } from '@kit.LocalizationKit';

let date = new Date(2023, 9, 15);
let dateFormatForChina = new intl.DateTimeFormat('zh - Hans', {dateStyle: 'full'});
let formattedDateForChina = dateFormatForChina.format(date); // 可能顯示為“2023年10月15日 星期日”

let dateFormatForUS = new intl.DateTimeFormat('en - US', {dateStyle: 'long'});
let formattedDateForUS = dateFormatForUS.format(date); // 可能顯示為“October 15, 2023, Sun”

（二）時間顯示格式（timeStyle）

  1. 格式取值與示例
    • full：顯示完整的時間資訊，包括小時、分鐘、秒和時區（如果適用）。例如“中國標準時間 15:30:00”。
    • long：顯示詳細的時間，包含小時、分鐘、秒和時區標識（如“GMT+8 15:30:00”）。
    • medium：顯示適中的時間格式，有小時、分鐘和秒。如“15:30:00”。
    • short：顯示簡潔的時間，可能只包含小時和分鐘。例如“15:30”。
  2. 時間格式的區域適應性
    • 同樣，透過 DateTimeFormat 類，結合區域設定來確定合適的 timeStyle。不同地區對於時間格式的偏好不同，有些地區習慣使用24小時制，有些則常用12小時制並帶有上午/下午標識。例如：
import { intl } from '@kit.LocalizationKit';

let date = new Date(2023, 9, 15, 15, 30, 0);
let timeFormatFor24HourRegion = new intl.DateTimeFormat('en - GB', {timeStyle:'medium'});
let formattedTimeFor24HourRegion = timeFormatFor24HourRegion.format(date); // 顯示為“15:30:00”（英國常用24小時制）

let timeFormatFor12HourRegion = new intl.DateTimeFormat('en - US', {timeStyle:'short', hourCycle: 'h12'});
let formattedTimeFor12HourRegion = timeFormatFor12HourRegion.format(date); // 顯示為“3:30 PM”（美國常用12小時制，下午）

（三）年份顯示格式（year）

  1. numeric：以完整的數字形式顯示年份，如“2023”。
  2. 2 - digit：顯示年份的後兩位數字，例如“23”。這種格式在某些場景下（如顯示檔案建立時間的簡略年份）可能會用到，但需要注意其在不同年份範圍下的含義可能不明確，使用時要謹慎。

（四）工作日顯示格式（weekday）

  1. long：顯示完整的工作日名稱，如“星期一”“Tuesday”等。
  2. short：顯示工作日的縮寫，如“週一”“Tue”等。
  3. narrow：顯示更簡潔的工作日標識，通常是一個字元或簡短的縮寫，例如“一”“T”等。這種格式在空間有限的情況下（如日曆檢視中的小標籤）可能會使用。

（五）時制格式（hourCycle）

  1. h11：表示11小時制，用於顯示帶有上午/下午標識的時間，如“下午 3:30”。
  2. h12：與“h11”類似，但在某些地區可能有不同的時間範圍定義（例如，在一些地方中午12點可能被視為“12 PM”，而在另一些地方可能被視為“12 AM”）。
  3. h23：23小時制，用於顯示0 - 23小時的時間，如“15:30”（與24小時制相同，但在某些情況下可能有不同的語義或用途）。
  4. h24：24小時制，顯示完整的24小時時間格式，如“15:30”。

（六）其他格式選項

  1. 數字分組和小數點格式：在顯示日期中的年份、時間中的小時和分鐘等數字時，不同地區可能有不同的數字分組方式（如使用逗號或空格分隔千位）和小數點表示法（如點或逗號）。開發者可以根據區域設定來處理這些格式，以確保數字顯示符合當地習慣。
  2. 日曆型別選擇：除了常見的公曆，鴻蒙系統還支援其他日曆型別（如農曆、伊斯蘭曆等），在格式化日期時，可以根據使用者的需求和文化背景選擇合適的日曆型別進行顯示。例如，在某些與中國傳統文化相關的應用中，可能需要同時顯示公曆和農曆日期。

二、相對時間格式化

（一）相對時間格式化的概念

相對時間格式化用於將一個時間點與另一個時間點之間的時間差轉換為易於理解的文字表示。例如，將“30秒前”“1小時後”“昨天”等相對時間概念以使用者所在地區的語言習慣進行顯示。

（二）使用 RelativeTimeFormat 類進行格式化

  1. 建立格式化物件
    • 可以使用 RelativeTimeFormat 類的建構函式建立相對時間格式化物件。建構函式支援傳入區域識別符號（如“en - GB”“zh - Hans”等）和格式化選項，以定製相對時間的顯示格式。例如：
import { intl } from '@kit.LocalizationKit';

let relativeTimeFormat = new intl.RelativeTimeFormat('en - GB');
  1. 格式化相對時間
    • 使用 format 方法對相對時間進行格式化。該方法接受兩個引數，第一個引數是時間差的數值，第二個引數是時間單位（如“day”“hour”“minute”“second”等）。例如：
let relativeTime = relativeTimeFormat.format(-1, 'day'); // 顯示為“1 day ago”（表示1天前）
  1. 格式化選項
    • numeric：取值為“always”時，始終顯示數字和時間單位，如“2 days ago”；取值為“auto”時，根據時間差的大小自動選擇顯示方式，例如，對於“昨天”可能顯示為“yesterday”，而對於“3天前”則顯示為“3 days ago”。
    • style：取值為“long”時，顯示較為詳細的相對時間格式，如“1 day ago”；取值為“short”時，顯示更簡潔的格式，如“1d ago”；取值為“narrow”時，顯示最簡短的格式，如“-1d”（在某些語言中可能適用）。

（三）相對時間格式化的應用場景

  1. 訊息通知：在訊息應用中，顯示訊息的傳送時間與當前時間的相對時間差，使使用者能夠快速瞭解訊息的時效性。例如，“您有一條新訊息，2小時前傳送”。
  2. 動態內容更新：在社交網路應用或新聞資訊應用中，顯示動態內容（如評論、點贊等）的相對時間，讓使用者知道這些活動的新鮮程度。比如，“此評論於30分鐘前釋出”。
  3. 任務提醒：對於待辦任務或定時提醒，顯示距離任務截止時間或提醒時間的相對時間，方便使用者掌握時間進度。例如，“任務將於1小時後開始”。

三、時間段格式化

（一）時間段格式化的概念

時間段格式化是將一段時間範圍（如從一個時間點到另一個時間點）轉換為符合使用者所在地區語言習慣的文字表示。例如，將“8:00 - 10:00”“Wednesday - Thursday”等時間段進行格式化顯示。

（二）使用 DateTimeFormat 類進行時間段格式化

  1. 建立格式化物件
    • 與時間日期格式化類似，使用 DateTimeFormat 類建立格式化物件，但在這種情況下，通常使用預設的格式設定或根據具體需求進行簡單配置。例如：
import { intl } from '@kit.LocalizationKit';

let dateTimeFormat = new intl.DateTimeFormat('en - GB');
  1. 格式化時間段
    • 使用 formatRange 方法對時間段進行格式化。該方法接受兩個 Date 物件作為引數，分別表示時間段的起始時間和結束時間。例如：
let startDate = new Date(2023, 9, 15, 8, 0, 0);
let endDate = new Date(2023, 9, 15, 10, 0, 0);
let formattedRange = dateTimeFormat.formatRange(startDate, endDate); // 顯示為“15/10/2023, 08:00 - 10:00”（英國日期格式下的時間段顯示）

（三）時間段格式化的應用場景

  1. 日程安排：在日曆應用或任務管理應用中，顯示日程活動或任務的時間段，讓使用者清晰瞭解活動的持續時間。例如，“會議：9:00 - 11:00”。
  2. 營業時間顯示：在商業應用（如商店、餐廳等）中，顯示營業時間的時間段，方便使用者瞭解其營業時段。例如，“營業時間：週一 - 週五 9:00 - 18:00，週六 - 週日 10:00 - 17:00”。
  3. 資源預訂：在預訂系統（如酒店預訂、會議室預訂等）中，顯示可預訂資源的可用時間段，幫助使用者選擇合適的預訂時間。例如，“可預訂時間段：2023-10-15 12:00 - 14:00”。

四、常見時間日期格式化問題及解決方案

（一）格式顯示不符合預期

  1. 問題描述
    • 應用在不同地區或語言環境下，時間日期的顯示格式與當地習慣不符。例如，在某些地區應該顯示為“DD/MM/YYYY”格式的日期，卻顯示為“MM/DD/YYYY”格式，導致使用者誤解。
  2. 解決方案
    • 仔細檢查 DateTimeFormat 類的使用，確保根據使用者所在區域正確設定了 dateStyle、timeStyle、hourCycle 等格式選項。同時，要考慮到不同語言和地區對數字分組、小數點等的特殊要求。例如，在處理日期格式時：
import { intl } from '@kit.LocalizationKit';

let date = new Date(2023, 9, 15);
// 針對法國地區，設定正確的日期格式
let dateFormatForFrance = new intl.DateTimeFormat('fr - FR', {dateStyle: 'long'});
let formattedDateForFrance = dateFormatForFrance.format(date); // 應該顯示為“15 octobre 2023”（符合法國日期格式習慣）
  • 對於時間格式，也要進行類似的檢查和調整，確保時間顯示符合當地習慣。如果應用支援多種語言和地區，進行全面的測試，覆蓋不同的語言和區域組合，以發現並修復格式顯示問題。

（二）相對時間格式化不準確

  1. 問題描述
    • 相對時間格式化的結果與預期的時間差表示不一致。例如，在某些情況下，“1小時前”被錯誤地顯示為“59分鐘前”，或者對於較長時間差的格式化不夠直觀（如“3天2小時前”顯示為不常見的格式）。
  2. 解決方案
    • 檢查 RelativeTimeFormat 類的使用，確保正確設定了 numeric 和 style 等格式化選項。對於時間差的計算，要使用準確的時間計算方法，避免因時間精度問題導致格式化錯誤。例如，在計算時間差時，使用合適的時間單位轉換和四捨五入規則，確保時間差的數值準確。同時，可以參考當地語言的習慣表達方式，對相對時間格式化進行最佳化，使其更符合使用者的預期。例如，在中文環境下，對於“1天前”“昨天”“前天”等時間差的表示有特定的習慣用法，可以根據時間差的範圍進行相應的調整：
import { intl } from '@kit.LocalizationKit';

let relativeTimeFormat = new intl.RelativeTimeFormat('zh - Hans');
let timeDiffInSeconds = 86400; // 1天的秒數
let relativeTime = relativeTimeFormat.format(-timeDiffInSeconds / 86400, 'day'); // 應該顯示為“昨天”（根據中文習慣）

（三）時間段格式化錯誤

  1. 問題描述
    • 在格式化時間段時，出現起始時間和結束時間順序錯誤、格式不清晰或不符合當地習慣等問題。例如，在某些地區習慣將時間段顯示為“起始時間 - 結束時間”，而應用卻顯示為“結束時間 - 起始時間”，或者時間段的日期和時間部分顯示混亂。
  2. 解決方案
    • 再次確認 DateTimeFormat 類中 formatRange 方法的使用，確保傳入的起始時間和結束時間引數正確無誤。根據不同地區的習慣，調整日期和時間的顯示順序以及格式。例如，在處理跨天的時間段時，要明確顯示日期的變化，避免造成混淆。可以參考當地類似應用的時間段顯示方式，進行針對性的最佳化。例如，在一個全球應用中，對於營業時間的顯示：
import { intl } from '@kit.LocalizationKit';

let startDate = new Date(2023, 9, 14, 20, 0, 0); // 晚上8點
let endDate = new Date(2023, 9, 15, 2, 0, 0); // 凌晨2點（跨天）
let dateTimeFormat = new intl.DateTimeFormat('en - US');
let formattedRange = dateTimeFormat.formatRange(startDate, endDate); // 應該顯示為“10/14/2023 8:00 PM - 10/15/2023 2:00 AM”（符合美國地區習慣的跨天時間段顯示）

（四）夏令時對時間格式化的影響

  1. 問題描述
    • 在實行夏令時的地區，時間格式化可能出現問題。例如，在夏令時開始或結束時，時間突然跳躍，應用如果沒有正確處理，可能導致時間顯示錯誤或時間段計算不準確。
  2. 解決方案
    • 鴻蒙系統通常會自動處理夏令時相關的時間調整，但在進行時間格式化時，要確保使用的是系統正確處理後的時間。在處理時間段涉及夏令時期間時，要考慮時間跳躍的情況，正確計算時間段的長度。例如，在計算從夏令時開始前到夏令時開始後的時間段時，要將夏令時的時間調整因素考慮在內。可以透過獲取系統的時區資訊和夏令時設定，來輔助進行時間格式化和時間段計算，確保在夏令時期間時間顯示和計算的準確性。

（五）多語言混合環境下的時間格式化問題

  1. 問題描述
    • 在應用中存在多語言混合顯示的情況下（如介面文字包含多種語言），時間日期格式化可能與周圍文字的語言風格不匹配。例如，在一個包含英文和中文的介面中，時間格式在中文部分顯示為中文習慣格式，而在英文部分卻沒有顯示為相應的英文習慣格式，導致介面顯示不協調。
  2. 解決方案
    • 根據介面文字的語言環境動態選擇合適的時間日期格式化方式。可以透過檢測周圍文字的語言標識或根據應用當前的語言設定，為不同語言部分的時間日期分別進行格式化。例如，在一個同時顯示中英文的通知訊息中：
import { intl } from '@kit.LocalizationKit';

let date = new Date(2023, 9, 15, 15, 30, 0);
let chineseDateFormat = new intl.DateTimeFormat('zh - Hans', {dateStyle: 'long', timeStyle:'medium'});
let englishDateFormat = new intl.DateTimeFormat('en - US', {dateStyle: 'long', timeStyle:'medium'});

// 假設 message 是包含中英文混合的訊息字串，其中包含時間佔位符 {time}
let message = "中文部分：活動將於 {time} 開始。 English part: The event will start at {time}.";
let formattedTimeInChinese = chineseDateFormat.format(date);
let formattedTimeInEnglish = englishDateFormat.format(date);

// 將格式化後的時間替換到訊息中
message = message.replace('{time}', `${formattedTimeInChinese} (${formattedTimeInEnglish})`);
console.log(message);
// 輸出：中文部分：活動將於 2023年10月15日 15:30:00 開始。 English part: The event will start at October 15, 2023 3:30:00 PM.
  • 這樣可以確保在多語言混合環境下，時間日期的顯示與周圍文字的語言風格一致，提高介面的整體協調性和可讀性。同時，要注意處理好不同語言格式之間的分隔和排版，使其在視覺上更加美觀。

（六）時間日期格式化的效能最佳化

  1. 問題描述
    • 在頻繁進行時間日期格式化操作（如在列表中顯示大量帶有時間日期的專案，或者實時更新時間顯示）時，可能會出現效能瓶頸，導致應用響應變慢或卡頓。
  2. 解決方案
    • 避免在迴圈或頻繁呼叫的函式中重複建立 DateTimeFormat 或 RelativeTimeFormat 物件。可以將格式化物件快取起來，在需要時重複使用，減少物件建立和銷燬的開銷。例如：
import { intl } from '@kit.LocalizationKit';

let cachedDateFormat: intl.DateTimeFormat | null = null;
function formatDate(date: Date) {
    if (!cachedDateFormat) {
        cachedDateFormat = new intl.DateTimeFormat('zh - Hans', {dateStyle: 'long'});
    }
    return cachedDateFormat.format(date);
}
  • 對於相對時間格式化，如果時間差的計算邏輯較為複雜，可以考慮預先計算並快取一些常見時間差的格式化結果，在需要時直接使用，避免重複計算。同時，最佳化時間計算和格式化的演算法，儘量減少不必要的計算步驟和資源消耗。例如，在計算相對時間時，如果時間差在一定範圍內（如最近1小時內），可以使用簡單的差值計算和固定格式顯示，而對於較長時間差再使用完整的相對時間格式化邏輯，提高效能。

（七）時間日期格式化與後端資料的相容性

  1. 問題描述
    • 當應用從後端獲取時間日期資料時，後端資料的格式可能與應用前端的格式化要求不一致，導致在顯示時間日期時出現問題。例如，後端返回的日期格式為“YYYYMMDD”，而前端需要顯示為“DD/MM/YYYY”格式，或者後端使用的時間戳格式與前端處理方式不匹配。
  2. 解決方案
    • 在前端和後端之間建立統一的時間日期格式規範。如果可能的話，後端按照前端能夠直接使用或容易轉換的格式返回時間日期資料。例如，後端可以返回ISO 8601格式的日期時間字串（如“2023 - 10 - 15T15:30:00Z”），前端可以直接使用或進行簡單的轉換。如果後端資料格式無法更改，前端在接收到資料後，進行格式轉換處理，使其符合前端的顯示要求。可以編寫專門的函式來處理後端資料格式到前端格式化要求的轉換。例如，將後端返回的“YYYYMMDD”格式日期轉換為“DD/MM/YYYY”格式：
function convertBackendDate(backendDate: string) {
    let year = backendDate.slice(0, 4);
    let month = backendDate.slice(4, 6);
    let day = backendDate.slice(6, 8);
    return `${day}/${month}/${year}`;
}
  • 同時，要注意處理時區差異。如果後端和前端處於不同時區，在資料傳輸和處理過程中，明確時區資訊，確保時間日期的準確性。可以將時間資料統一轉換為0時區標準時間（UTC或GMT）進行傳輸，在前端根據使用者所在時區進行顯示轉換。

（八）時間日期格式化在低配置裝置上的問題

  1. 問題描述
    • 在低配置裝置上，複雜的時間日期格式化操作可能會消耗過多的系統資源，導致應用執行緩慢甚至出現崩潰。例如，在一些老舊手機或記憶體較小的裝置上，頻繁進行高精度的時間計算和格式化可能會超出裝置的處理能力。
  2. 解決方案
    • 在低配置裝置上，簡化時間日期格式化的方式。可以提供一些低精度但效能較好的格式化選項，例如，在顯示時間時，只顯示小時和分鐘，而不顯示秒；在顯示日期時，使用更簡潔的格式（如“MM/DD”），減少不必要的計算和顯示內容。根據裝置的效能特徵，動態調整時間日期格式化策略。例如，可以檢測裝置的記憶體、CPU等硬體引數，當裝置效能較低時，切換到低配置模式下的格式化方式。同時，最佳化應用的整體效能，減少其他不必要的資源消耗，為時間日期格式化操作留出更多的系統資源。例如，最佳化介面渲染、減少不必要的後臺任務等，確保應用在低配置裝置上能夠穩定執行，時間日期顯示功能正常。

透過對這些常見時間日期格式化問題的深入理解和有效解決，我們能夠更好地利用鴻蒙Next系統的時間日期國際化功能，為使用者提供準確、友好、高效的時間日期顯示體驗。在應用開發過程中，注重細節、充分測試、持續最佳化，是確保時間日期格式化在各種場景下都能正常工作的關鍵。希望本文能夠為鴻蒙系統同僚在處理時間日期格式化方面提供有價值的參考和指導，助力打造出更加出色的國際化應用。

相關文章