amp-timeago
描述
通过将日期格式化为过去的时间(例如,3 小时前)来提供模糊时间戳。
必需的脚本
<script async custom-element="amp-timeago" src="https://cdn.ampproject.org/v0/amp-timeago-0.1.js"></script>
支持的布局
用法
使用 amp-timeago
组件来计数到或离开指定的日期和时间。
该组件将文本节点替换为模糊时间戳,例如 in 30 years
或 3 hours ago
。
示例
<amp-timeago layout="fixed" width="160" height="20" datetime="2017-04-11T00:37:33.809Z" locale="en" > Saturday 11 April 2017 00.37 </amp-timeago>
amp-timeago
组件需要在文本节点中有一个占位符。一旦准备就绪,计算出的时间戳将替换该占位符。如果 amp-timeago
无法处理模糊时间戳,请使用占位符作为后备显示给用户。
属性
datetime
必需的 datetime
属性设置日期和时间。该值必须是 ISO 日期时间。
- 以 UTC(协调世界时)表示时间:
2017-03-10T01:00:00Z
- 使用时区偏移量以本地时间表示:
2017-03-09T20:00:00-05:00
locale
(可选)
本地默认设置为 en
。添加 locale
属性并指定以下值之一以更改本地。
ar
(阿拉伯语)be
(白俄罗斯语)bg
(保加利亚语)bn-IN
(孟加拉语)ca
(加泰罗尼亚语)cs
(捷克语)da
(丹麦语)de
(德语)el
(希腊语)en
(英语)en-short
(英语 - 简短)es
(西班牙语)eu
(巴斯克语)fa
(波斯语 - 法尔西语)fi
(芬兰语)fr
(法语)gl
(加利西亚语)he
(希伯来语)hi-IN
(印地语)hu
(匈牙利语)id-ID
(马来语)it
(意大利语)ja
(日语)ka
(格鲁吉亚语)ko
(韩语)ml
(马拉雅拉姆语)my
(缅甸语)nb-NO
(挪威博克马尔语)nl
(荷兰语)nn-NO
(挪威尼诺斯克语)pl
(波兰语)pt-BR
(葡萄牙语)ro
(罗马尼亚语)ru
(俄语)sq
(阿尔巴尼亚语)sr
(塞尔维亚语)sv
(瑞典语)ta
(泰米尔语)th
(泰语)tr
(土耳其语)uk
(乌克兰语)vi
(越南语)zh-CN
(中文)zh-TW
(台湾语)
cutoff
添加 cutoff
属性以在超过以秒为单位指定的日期后显示 datatime
属性中指定的日期。
通用属性
AMP 提供的一组通用属性可用于 <amp-timeago>
。
验证
请参阅 AMP 验证器规范中的amp-timeago 规则。
需要更多帮助?
您已经阅读过这篇文档十几次了,但它并没有真正涵盖您的所有问题?也许其他人也有同感:请在 Stack Overflow 上与他们联系。
转到 Stack Overflow 发现错误或缺少功能?AMP 项目强烈鼓励您的参与和贡献!我们希望您能成为我们开源社区的持续参与者,但也欢迎您为自己特别感兴趣的问题做出一次性贡献。
转到 GitHub