如何让帖子时间戳显示秒数？

支持
1

我在网上找了找，但什么也没找到——在分享弹出窗口中显示帖子发布时间（精确到秒）的最简单方法是什么？

image
image629×218 13.8 KB

每个帖子在 HTML 中都有确切的时间戳，所以这些信息肯定存在，但我不太确定更新此文本（不幸的是，它似乎是硬编码的，而不是格式化的日期）以添加秒的最佳方法是什么。我主要熟悉 CSS，不太熟悉 JavaScript（我能读懂并理解它，但不够精通，不知道如何“正确”开始解决这个问题 [我大部分的编码经验都在嵌入式领域]），所以我真的很难弄清楚在主题或其他轻量级附加组件中可以轻松添加的范围内，从哪里开始着手解决这个问题。

2

你好 :wave:

这使用了以下格式。

你可以在 /admin/customize/site_texts 中更改它

搜索这两个字符串。

dates.long_date_with_year
dates.long_date_without_year

dates.long_date_with_year

默认
MMM D, YYYY LT

更改为
MMM D, YYYY LTS

dates.long_date_without_year

默认
MMM D, LT

更改为
MMM D, LTS

:warning: 注意：这将更改你网站上所有使用此日期格式的地方。

9 个赞
3

为了完成 Don 的精彩回答，如果您只想在本次分享主题模态框中实现，可以尝试此组件：

设置：

image
image671×154 3.18 KB

结果：

image
image655×208 8.26 KB

:+1:

6 个赞
4

这似乎太不可思议了

但是

当我们尝试安装它时，我们遇到了 500 内部服务器错误

您作为作者，是否有什么技巧可以告诉我该查找什么来解决这个问题？

我的假设是，因为我们正在运行一个一年前的 Discourse 稳定分支版本，而且您所做的某些事情可能与此不兼容（至少，假设它在您的生产环境中运行正常）。如果您能大致指出我需要查找哪些方面的差异，因为您似乎比我更熟悉这一切，我很乐意分叉存储库并自己进行回溯移植，而不是让您继续为我工作。

5

查看后，我认为 API 的工作方式可能有所不同。

我采用了这段原始代码：

import { apiInitializer } from "discourse/lib/api";
import discourseComputed from "discourse-common/utils/decorators";

function longDateNoYearWithSeconds(dt) {
  if (!dt) {
    return;
  }

  if (new Date().getFullYear() !== dt.getFullYear()) {
    return moment(dt).format(settings.share_topic_date_with_year_format);
  } else {
    return moment(dt).format(settings.share_topic_date_without_year_format);
  }
}

export default apiInitializer("1.8.0", (api) => {
  api.modifyClass("component:modal/share-topic", {
    pluginId: "share-topic",
    @discourseComputed("post.created_at", "post.wiki", "post.last_wiki_edit")
    displayDate(createdAt, wiki, lastWikiEdit) {
      const date = wiki && lastWikiEdit ? lastWikiEdit : createdAt;
      return longDateNoYearWithSeconds(new Date(date));
    },
  });
});

并根据我们看到的其他主题组件进行了更新：

import { withPluginApi } from "discourse/lib/plugin-api";
import discourseComputed, { on } from "discourse-common/utils/decorators";

function longDateNoYearWithSeconds(dt) {
  if (!dt) {
    return;
  }

  if (new Date().getFullYear() !== dt.getFullYear()) {
    return moment(dt).format(settings.share_topic_date_with_year_format);
  } else {
    return moment(dt).format(settings.share_topic_date_without_year_format);
  }
}

export default {
  name: "post-timestamp-mod",
  initialize(container) {
    withPluginApi("0.10.0", (api) => {
      api.modifyClass("component:modal/share-topic", {
        pluginId: "share-topic",
        @discourseComputed("post.created_at", "post.wiki", "post.last_wiki_edit")
        displayDate(createdAt, wiki, lastWikiEdit) {
          const date = wiki && lastWikiEdit ? lastWikiEdit : createdAt;
          return longDateNoYearWithSeconds(new Date(date));
        },
      });
    });
  }
}

它还没有起作用，但也许我最终会弄清楚？我可以在哪里查找来弄清楚所有这些 API 是做什么的？