以下是一个使用 timeago 插件的简单示例:
1. 引入 jQuery 和 timeago 插件:
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.6.7/jquery.timeago.min.js"></script>
2. HTML 结构:
在需要显示 Prettydate 的地方添加包含时间戳的元素,并为其添加 class="timeago"。
<p class="timeago" datetime="2023-01-01T12:00:00Z">2023-01-01 12:00:00</p>
3. 初始化 timeago 插件:
在页面加载时,使用 jQuery 选择器选中具有 timeago 类的元素,并调用 timeago() 方法。
$(document).ready(function(){
$("p.timeago").timeago();
});
这会将页面中所有带有 timeago 类的元素的时间戳格式化为 Prettydate。
4. 时间戳格式:
注意,需要使用 datetime 属性为元素提供有效的 ISO 8601 时间戳格式。
datetime="2023-01-01T12:00:00Z"
上述示例中,datetime 属性的值是一个 ISO 8601 格式的时间戳,插件会自动将其转换为 Prettydate。您可以根据需要在项目中使用不同的时间戳格式。
这是一个简单的 Prettydate 示例,使用了 timeago 插件。
转载请注明出处:http://www.zyzy.cn/article/detail/12910/jQuery