跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 关于发帖时间和回复时间的显示建议
未分類
28 12 月 2020

关于发帖时间和回复时间的显示建议

关于发帖时间和回复时间的显示建议

資深大佬 : katsusan 11

一个小小的建议,V2 的发帖时间目前都是类似于 h 小时 m 分钟前的格式,这样想知道确切时间的话还得自己算一下
(比如看到一个 780 天前的历史帖子没法直观看出是何时发布的),能否像 github 那样鼠标放上去显示标准的时间格式。

我参考了下 v2 和 github 的 html 元素,这样改在 chrome 下好像是可以的。
具体时间服务端渲染的时候应该可以根据 unix 时间戳算出来。希望 livid 大佬有空能改进一下,感谢。

// current V2EX topic_info style

<span class="topic_info">   <div class="votes"></div>   <a class="node" href="/go/jobs">酷工作</a>    &nbsp;•&nbsp;    <strong><a href="/member/ethandyr">ethandyr</a></strong>    &nbsp;•&nbsp; 1 小时 10 分钟前 &nbsp;•&nbsp; 最后回复来自    <strong><a href="/member/yanzhiling2001">yanzhiling2001</a></strong> </span> 

// V2EX topic_info with showing absolute time when mouse hovered

<span class="topic_info">   <div class="votes"></div>   <a class="node" href="/go/jobs">酷工作</a>    &nbsp;•&nbsp;    <strong><a href="/member/ethandyr">ethandyr</a></strong>    &nbsp;•&nbsp;    <span title="2020 年 12 月 9 日 GMT+8 01:18:32">1 小时 10 分钟前</span>    &nbsp;•&nbsp; 最后回复来自    <strong><a href="/member/yanzhiling2001">yanzhiling2001</a></strong> </span> 

// github 相对时间的 html 元素

<span class="f6 text-gray-light no-wrap ml-1">   <relative-time datetime="2020-12-08T15:28:22Z" class="no-wrap" title="2020 年 12 月 8 日 GMT+8 下午 11:28">2 hours ago</relative-time> </span> 

大佬有話說 (4)

  • 資深大佬 : Livid

    好的,我今天会上线这个改进。

    非常感谢。

  • 資深大佬 : Livid

    我查看了相关部分的代码实现,需要说明的一件事情是,我们现有的代码实现绝对不会输出“780 天前”这种无意义的相对日期。我们目前的处理方式是超过一年的就显示绝对日期。

    span title 当然也会在今天加上。

  • 資深大佬 : Livid

    GitHub 的实现方式居然是一个 Web Component,真是很有意思。感谢分享。

  • 資深大佬 : Livid

    这个更改已经部署。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具