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

问题描述

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

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

，我想将日期格式更改为Sep. 12,2020。但是，我不确定该怎么做。我曾尝试过在线搜索，但是由于我对与网络相关的知识几乎没有什么了解，所以我不确定该搜索什么。我不确定它是否正确甚至相关，但是this Stack Overflow question似乎在说您无法更改格式。

谢谢。

解决方法

因此，最好的方法是更改​​索引页面中日期的格式，因为那样的话，您只需设置一次即可，即/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

,

如果输入和输出格式与您每次描述的完全相同，则可以执行以下操作：

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;

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

,

正如其他人所发表的那样，CSS完全不可能做到这一点。您可以使用：before和：after选择器来完成一些麻烦的方法，但这很麻烦。如果您无法直接控制主题，建议您编辑主题或使用上述JS。