Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
1cd378f3
D
Docs
项目概览
OpenHarmony
/
Docs
1 年多 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
未验证
提交
1cd378f3
编写于
8月 04, 2023
作者:
O
openharmony_ci
提交者:
Gitee
8月 04, 2023
浏览文件
操作
浏览文件
下载
差异文件
!21922 Update the format attribute of TextClock
Merge pull request !21922 from tengfan/RM021_TexeClockUpdateFormat0803
上级
fd05c9c9
95d695ab
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
38 addition
and
4 deletion
+38
-4
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textclock.md
...n-dev/reference/arkui-ts/ts-basic-components-textclock.md
+38
-4
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textclock.md
100644 → 100755
浏览文件 @
1cd378f3
...
...
@@ -25,9 +25,43 @@ TextClock(options?: { timeZoneOffset?: number, controller?: TextClockController
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
| 名称 | 参数类型 | 描述 |
| ------ | --------------- | ------------------------------------------------------------ |
| format | string | 设置显示时间格式。
<br/>
日期间隔符固定为"/",时间间隔符为":"。
<br/>
如yyyyMMdd,yyyy-MM-dd显示为yyyy/MM/dd,
<br/>
hhmmss显示为hh:mm:ss。
<br/>
时间格式只用写一位即可,如"hhmmss"等同于"hms"。
<br/>
支持的时间格式化字符串:
<br/>
- YYYY/yyyy:完整年份。
<br/>
- YY/yy:年份后两位。
<br/>
- M:月份(若想使用01月则使用MM)。
<br/>
- d:日期(若想使用01日则使用dd)。
<br/>
- D:年中日(一年中的第几天)。
<br/>
- H:24小时制。
<br/>
- h:12小时制。
<br/>
- m:分钟。
<br/>
- s:秒。
<br/>
- SSS:毫秒。
<br/>
若格式未匹配,则使用默认值。
<br/>
默认值: 'hms'|
| 名称 | 参数类型 | 描述 |
| ------ | -------- | ------------------------------------------------------------ |
| format | string | y:年
<br
/>
M:月
<br
/>
d:日
<br
/>
E:星期(星期默认应使用完整星期,例如:星期六;显示空间不足时才考虑使用简写星期,例如:周六)
<br
/>
H:小时(0~23) h:小时(1~12)
<br/>
m:分钟
<br/>
s:秒
<br/>
SS:厘秒
<br
/>
SSS:毫秒
<br/>
a:上午/下午(仅在12小时制中有效)
<br
/>
间隔符:"年月日"、“/”、"-"、"."(开发者也可以自定义间隔符样式)
<br
/>
允许开发者自行拼接组合显示格式,即:年、月、日、星期、时、分、秒、毫秒可拆分为子元素,开发者可自行排布组合。
<br
/>
|
以下是format输入的格式样式及对应的显示效果:
| 输入格式 | 显示效果 |
| ------------------------------------------------------------ | ------ |
| yyyy年M月d日 EEEE | 2023年2月4日 星期六 |
| yyyy年M月d日 | 2023年2月4日 |
| M月d日 EEEE | 2月4日 星期六 |
| M月d日 | 2月4日 |
| MM/dd/yyyy | 02/04/2023 |
| EEEE MM月dd日 | 星期六 02月04日 |
| yyyy(完整年份) | 2023年 |
| yy(年份后两位) | 23年 |
| MM(完整月份) | 02月 |
| M(月份) | 2月 |
| dd(完整日期) | 04日 |
| d(日期) | 4日 |
| EEEE(完整星期) | 星期六 |
| E、EE、EEE(简写星期) | 周六 |
| yyyy年M月d日 | 2023年2月4日 |
| yyyy/M/d | 2023/2/4 |
| yyyy-M-d | 2023-2-4 |
| yyyy.M.d | 2023.2.4 |
| HH:mm:ss(时:分:秒) | 17:00:04 |
| aa hh:mm:ss(时:分:秒) | 上午 5:00:04 |
| hh:mm:ss(时:分:秒) | 5:00:04 |
| HH:mm(时:分) | 17:00 |
| aa hh:mm(时:分) | 上午 5:00 |
| hh:mm(时:分) | 5:00 |
| mm:ss(分:秒) | 00:04 |
| mm:ss.SS(分:秒:厘秒) | 00:04.91 |
| mm:ss.SS(分:秒.毫秒) | 00:04.536 |
| hh:mm:ss aa | 5:00:04 上午 |
| HH | 17 |
## 事件
...
...
@@ -74,7 +108,7 @@ struct Second {
.
fontSize
(
20
)
// 以12小时制显示东八区的系统时间,精确到秒。
TextClock
({
timeZoneOffset
:
-
8
,
controller
:
this
.
controller
})
.
format
(
'
hm
s
'
)
.
format
(
'
aa hh:mm:s
s
'
)
.
onDateChange
((
value
:
number
)
=>
{
this
.
accumulateTime
=
value
})
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录