amp-timeago
描述
通过将日期格式化为“多久以前”(例如,3 小时前)来提供模糊的时间戳。
必需脚本
<script async custom-element="amp-timeago" src="https://cdn.ampproject.org/v0/amp-timeago-0.1.js"></script>
示例
用法
使用 amp-timeago
组件来倒数或正数到指定的日期和时间。
该组件将文本节点替换为模糊的时间戳,例如 30 年后
或 3 小时前
。
示例
<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
(波斯语 - Farsi)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