"Prettydate" 是一种格式化日期和时间的方法,使其更易读和友好显示,例如将相对时间表示为 "刚刚"、"5 分钟前"、"2 天前" 等。在 jQuery 中,有一些插件可以实现 Prettydate 效果。一个常见的插件是 timeago。

以下是一个使用 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