如何通过 CSS 更改网站上显示的日期格式？

Question

我目前正在使用 GitHub Pages 和 Jekyll 主题托管我自己的网页。存储库是 here.

我帖子的当前日期格式如下所示：

我想将日期格式更改为 Sep. 12, 2020 之类的格式。但是，我不确定该怎么做。我试过在线搜索，但由于我对与网络相关的知识几乎为零，所以我什至不确定要搜索什么。我不确定它是否正确或是否相关，但 this Stack Overflow question 似乎说你不能更改格式。

谢谢。

Answer 1

好吧，如果输入和输出格式与您每次描述的完全一样，您可以这样做：

var oldDateString = document.querySelector("the data element's selector").innerText;
var split = oldDateString.split(" ");
var d = split[0];
var m = split[1];
var y = split[2];
var newDateString = m + ". " + d + ", " + y;
document.querySelector("the data element's selector").innerText = newDateString;

您可以在页面加载事件中添加此代码，以在运行时替换日期

Answer 2

正如其他人发布的那样，CSS 完全不可能做到这一点。使用 :before 和 :after 选择器可以使用一些简陋的方法，但这会很麻烦。如果您无法直接控制它，我建议您编辑您的主题或使用上面的 JS。

Answer 3

所以最好的方法是更改索引页中日期的格式，从那时起您只需设置一次，即 /blog/index.html.

This 是一个很棒的网站，解释了 Jekyll 中日期的所有不同格式设置选项。

您所要做的就是在日期末尾添加一个过滤器，如下所示：

<span>{{ post.date | date_to_string | date: "%b. %d, %Y"}}</span> &raquo;

输出日期为：

Sep. 12, 2020 » Too Much Game
Sep. 11, 2020 » Daily Update
Sep. 09, 2020 » Relation Extraction
Sep. 07, 2020 » Exposure Bias and Teacher Forcing, RE
Sep. 05, 2020 » Sean Yi, Launches Site

如何通过 CSS 更改网站上显示的日期格式？

How to change the format of the date that appears on website via CSS?

css

date

jekyll

github-pages

jekyll-theme