服务器可以做网站吗,网上课程网站建设方案,百度小说排行榜第一名,开公司建网站一、使用场景 在不同的国家和文化中#xff0c;时间和日期格式的表示方法有所不同#xff0c;使用惯例的不同点包括#xff1a;日期中年月日的顺序、时间中时分秒的分隔符等。若应用中需展示时间日期#xff0c;要确保界面以合适的方式显示#xff0c;以便用户能够理解。 …一、使用场景 在不同的国家和文化中时间和日期格式的表示方法有所不同使用惯例的不同点包括日期中年月日的顺序、时间中时分秒的分隔符等。若应用中需展示时间日期要确保界面以合适的方式显示以便用户能够理解。 时间日期国际化包括时间日期格式化、相对时间格式化、时间段格式化。时间日期格式化是指将时间和日期转换为指定格式的字符串。相对时间格式化是指将一个时间点与另一个时间点之间的时间差转换为指定格式时间差如“30秒前”、“1天后”。时间段格式化是指将一段时间转换为指定格式时间段如“星期三”、“8:00–11:30”。 二、约束与限制 日期格式和时间格式需同时设置。若设置了时间格式未设置日期格式只显示时间格式若设置了日期格式未设置时间格式只显示日期格式。 若设置了时间或日期格式则不支持设置年、月、日、时、分、秒、工作日格式不设置时间或日期格式时支持独立设置年、月、日、时、分、秒、工作日格式。 三、开发步骤
3.1 时间日期和相对时间格式化 时间日期格式化将表示时间日期的Date对象通过DateTimeFormat类的format接口实现格式化具体开发步骤如下。 3.1.1 导入模块
import { intl } from kit.LocalizationKit;3.1.2 创建DateTimeFormat对象 传入单独的locale参数或locale列表若传入列表使用第一个有效的locale创建对象。不传入locale参数时使用系统当前的locale创建对象。 构造函数支持通过DateTimeOptions设置不同的时间日期格式具体请参考表1-表6。 let dateFormat: intl.DateTimeFormat new intl.DateTimeFormat(locale: string | Arraystring, options?: DateTimeOptions);
let dateFormat: intl.DateTimeFormat new intl.DateTimeFormat(); //不传入locale参数3.1.3 时间日期和相对时间格式化
// 时间日期格式化
let formattedDate: string dateFormat.format(date: Date);// 相对时间格式化
let formattedDateRange: string dateFormat.formatRange(startDate: Date, endDate: Date);3.1.4 获取格式化选项查看对象的设置信息
let options: intl.DateTimeOptions dateFormat.resolvedOptions();3.2 时间日期格式化选项 以时间2021年9月17日 13:04:00locale: zh-CN为例说明DateTimeOptions不同的取值和显示结果。 表1 日期显示格式(dateStyle)
取值显示结果full2021年9月17日星期五long2021年9月17日short2021/9/17medium2021年9月17日
表2 时间显示格式(timeStyle)
取值显示效果full中国标准时间 13:04:00longGMT8 13:4:00short13:04medium13:04:00
表3 年份显示格式(year)
取值显示效果numeric20212-digit21
表4 工作日显示格式(weekday)
取值显示效果long星期五short周五narrow五
表5 时制格式(hourCycle)
取值显示效果h11下午13:04h12下午1:04h231:04h2413:04
3.3 开发实例 效果图 TestDateTimeFormat.ets代码
import { intl } from kit.LocalizationKit;
import { systemDateTime } from kit.BasicServicesKit/*
时间日期和相对时间格式化
时间日期格式化将表示时间日期的Date对象通过DateTimeFormat类的format接口实现格式化*/let dateFormat: intl.DateTimeFormat new intl.DateTimeFormat(); //不传入locale参数
let currentDate new Date();
let formattedDate dateFormat.format(currentDate)
console.log(格式化 日期 Date对象 formattedDate${formattedDate})
let time systemDateTime.getTime(false)
let formattedTimeDate dateFormat.format(new Date(time))
console.log(格式化 日期Date对象带有时间戳参数 formattedTimeDate${formattedTimeDate})let date new Date(2021, 8, 17, 13, 4, 0); // 时间日期为2021.09.17 13:04:00
let startDate new Date(2021, 8, 17, 13, 4, 0);
let endDate new Date(2021, 8, 18, 13, 4, 0);// 在软件上展示完整的时间信息
let dateFormat1 new intl.DateTimeFormat(zh-CN, { dateStyle: full, timeStyle: full });
let formattedDate1 dateFormat1.format(date); // formattedDate1: 2021年9月17日星期五 中国标准时间 13:04:00
console.log(在软件上展示完整的时间信息 formattedDate1${formattedDate1})
// 在有限的空间展示简短的时间信息
let dateFormat2 new intl.DateTimeFormat(zh-CN, { dateStyle: short, timeStyle: short });
let formattedDate2 dateFormat2.format(date); // formattedDate2: 2021/9/17 13:04
console.log(在有限的空间展示简短的时间信息 formattedDate2${formattedDate2})// 自定义年月日时分秒的显示效果
let dateFormat3 new intl.DateTimeFormat(zh-CN, {year: numeric,month: 2-digit,day: 2-digit,hour: 2-digit,minute: 2-digit,second: 2-digit
});
let formattedDate3 dateFormat3.format(date); // formattedDate3: 2021/09/17 13:04:00
console.log(自定义年月日时分秒的显示效果 formattedDate3${formattedDate3})// 仅显示一部分时间
let dateFormat4 new intl.DateTimeFormat(zh-CN, { month: long, day: numeric, weekday: long });
let formattedDate4 dateFormat4.format(date); // formattedDate4: 9月17日星期五
console.log(仅显示一部分时间 formattedDate4${formattedDate4})// 自定义时制格式
let dateFormat5 new intl.DateTimeFormat(zh-CN, { dateStyle: short, timeStyle: short, hourCycle: h11 });
let formattedDate5 dateFormat5.format(date); // formattedDate5: 2021/9/17 下午13:04
console.log(自定义时制格式 formattedDate5${formattedDate5})// 面向习惯于其他数字系统的用户
let dateFormat6 new intl.DateTimeFormat(zh-CN, { dateStyle: short, timeStyle: short, numberingSystem: arab });
let formattedDate6 dateFormat6.format(date); // formattedDate6: ٢٠٢١/٩/١٧ ١٣:٠٤
console.log(面向习惯于其他数字系统的用户 formattedDate6${formattedDate6})// 格式化时间段
let dataFormat7 new intl.DateTimeFormat(en-GB);
let formattedDateRange dataFormat7.formatRange(startDate, endDate); // formattedDateRange: 17/09/2021 - 18/09/2021
console.log(格式化时间段 formattedDateRange${formattedDateRange})// 获取格式化选项
let dataFormat8 new intl.DateTimeFormat(en-GB, { dateStyle: full });
let options dataFormat8.resolvedOptions();
let dateStyle options.dateStyle; // dateStyle: full
console.log(获取格式化选项 dateStyle${dateStyle})// 自定义年月日时分秒的显示效果
let dateFormat8 new intl.DateTimeFormat(zh-CN, {year: numeric,month: 2-digit,day: 2-digit,hour: 2-digit,minute: 2-digit,second: 2-digit
})let formattedDate8 dateFormat8.format(currentDate); // 2025/02/08 10:13:17
formattedDate8 formattedDate8.replaceAll(/, .);// 2025.02.08 10:23:56
console.log(自定义年月日时分秒的显示效果2 formattedDate8${formattedDate8})let dateFormat9 new intl.DateTimeFormat(zh-CN, {dateStyle: medium,timeStyle: short
})let formattedDate9 dateFormat9.format(currentDate); //2025年2月8日 上午10:30
console.log(自定义年月日时分秒的显示效果3 formattedDate9${formattedDate9})let dateFormat10 new intl.DateTimeFormat(zh-CN, {dateStyle: medium,timeStyle: medium,hourCycle: h23
})let formattedDate10 dateFormat10.format(currentDate); //2025年2月8日 10:30:16
console.log(自定义年月日时分秒的显示效果4 formattedDate10${formattedDate10})Entry
Component
struct TestDateTimeFormat {State message: string 时间日期国际化;build() {Scroll() {Column({ space: 16 }) {Text(this.message).id(TestDateTimeFormatHelloWorld).fontSize(20).fontWeight(FontWeight.Bold)Text(formattedDate${formattedDate}).fontSize(20).fontWeight(FontWeight.Medium)Text(formattedTimeDate${formattedTimeDate}).fontSize(20).fontWeight(FontWeight.Medium)Text(在软件上展示完整的时间信息${formattedDate1}).fontSize(20).fontWeight(FontWeight.Medium)Text(在有限的空间展示简短的时间信息${formattedDate2}).fontSize(20).fontWeight(FontWeight.Medium)Text(自定义年月日时分秒的显示效果${formattedDate3}).fontSize(20).fontWeight(FontWeight.Medium)Text(自定义年月日时分秒的显示效果2${formattedDate8}).fontSize(20).fontWeight(FontWeight.Medium)Text(自定义年月日时分秒的显示效果3${formattedDate9}).fontSize(20).fontWeight(FontWeight.Medium)Text(仅显示一部分时间${formattedDate4}).fontSize(20).fontWeight(FontWeight.Medium)Text(自定义时制格式${formattedDate5}).fontSize(20).fontWeight(FontWeight.Medium)Text(面向习惯于其他数字系统的用户${formattedDate6}).fontSize(20).fontWeight(FontWeight.Medium)Text(格式化时间段${formattedDateRange}).fontSize(20).fontWeight(FontWeight.Medium)}}.height(100%).width(100%)}
}四、相对时间格式化 格式化相对时间将表示时间日期的Date对象通过RelativeTimeFormat类的format接口实现格式化具体开发步骤如下。 4.1 导入模块
import { intl } from kit.LocalizationKit;4.2 创建RelativeTimeFormat对象 构造函数支持通过RelativeTimeFormatInputOptions设置不同的输出消息格式和国际化消息长度具体请参考表6-表7。 let relativeTimeFormat: intl.RelativeTimeFormat new intl.RelativeTimeFormat(locale: string | Arraystring, options?: RelativeTimeFormatInputOptions);4.3 格式化相对时间。value为格式化的数值unit为格式化的单位
let formattedRelativeTime: string relativeTimeFormat.format(value: number, unit: string);4.4 自定义相对时间的格式化
let parts: Arrayobject relativeTimeFormat.formatToParts(value: number, unit: string);4.5 获取相对时间格式化选项查看对象的设置信息
let options: intl.RelativeTimeFormatInputOptions relativeTimeFormat.resolvedOptions();4.6 相对时间格式化选项 以相对时间一天前locale: fr-FR和en-GB为例说明RelativeTimeFormatInputOptions不同的取值和显示结果。 表6 输出消息格式(numeric)
取值显示效果(fr-FR)显示效果(en-GB)alwaysil y a 1 jour1 day agoautohieryesterday
表7 国际化消息长度(style)
取值显示效果(fr-FR)显示效果(en-GB)longil y a 1 jour1 day agoshortil y a 1 j1 day agonarrow-1 j1 day ago
4.7 开发实例 效果图 TestRelativeTimeFormat.ets代码
// 显示相对时间
let relativeTimeFormat1 new intl.RelativeTimeFormat(en-GB);
let formattedRelativeTime1 relativeTimeFormat1.format(-1, day); // formattedRelativeTime1: 1 day ago
console.log(显示相对时间 formattedRelativeTime1${formattedRelativeTime1})// 口语化
let relativeTimeFormat2 new intl.RelativeTimeFormat(en-GB, { numeric: auto });
let formattedRelativeTime2 relativeTimeFormat2.format(-1, day); // formattedRelativeTime2: yesterday
console.log(口语化 formattedRelativeTime2${formattedRelativeTime2})// 部分语言支持更为简短的显示风格
let relativeTimeFormat3 new intl.RelativeTimeFormat(fr-FR); // 默认style为long
let formattedRelativeTime3 relativeTimeFormat3.format(-1, day); // formattedRelativeTime3: il y a 1 jour
console.log(部分语言支持更为简短的显示风格1 formattedRelativeTime3${formattedRelativeTime3})let relativeTimeFormat4 new intl.RelativeTimeFormat(fr-FR, { style: narrow });
let formattedRelativeTime4 relativeTimeFormat4.format(-1, day); // formattedRelativeTime4: -1 j
console.log(部分语言支持更为简短的显示风格2 formattedRelativeTime4${formattedRelativeTime4})// 自定义区域设置格式的相对时间格式
let relativeTimeFormat5 new intl.RelativeTimeFormat(en-GB, { style: long });
// parts: [{type: literal, value: in}, {type: integer, value: 1, unit: day}, {type: literal, value: day}]
let parts relativeTimeFormat5.formatToParts(1, day);
console.log(自定义区域设置格式的相对时间格式 parts${parts})// 获取RelativeTimeFormat对象的格式化选项
let relativeTimeFormat6 new intl.RelativeTimeFormat(en-GB, { numeric: auto });
let options relativeTimeFormat6.resolvedOptions();
let numeric options.numeric; // numeric: auto
console.log(获取RelativeTimeFormat对象的格式化选项 numeric${numeric})Entry
Component
struct TestRelativeTimeFormat {State message: string 相对时间格式化;build() {Scroll() {Column({ space: 16 }) {Text(this.message).id(TestRelativeTimeFormatHelloWorld).fontSize(20).fontWeight(FontWeight.Bold)Text(显示相对时间${formattedRelativeTime1}).fontSize(20).fontWeight(FontWeight.Medium)Text(口语化${formattedRelativeTime2}).fontSize(20).fontWeight(FontWeight.Medium)Text(部分语言支持更为简短的显示风格1${formattedRelativeTime3}).fontSize(20).fontWeight(FontWeight.Medium)Text(部分语言支持更为简短的显示风格2${formattedRelativeTime4}).fontSize(20).fontWeight(FontWeight.Medium)Text(自定义区域设置格式的相对时间格式${parts}).fontSize(20).fontWeight(FontWeight.Medium)}}.height(100%).width(100%)}
}
