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