Divi 中的日期和时间格式指南

已发表: 2020-06-25

在您的网站上显示日期和时间是大多数人并没有真正考虑过的事情之一。我们倾向于坚持使用发布元数据发布日期的默认格式。而且，如果我们有时间，我们会将当前年份动态添加到版权文本旁边的页脚栏中。

但是，了解如何格式化日期和时间会派上用场。它使您可以自由地使日期对用户更具可读性。例如，“2020 年 5 月 23 日星期一”比“5.23.20”这样的最小日期显示更温暖（也更人性化）。虽然后者确实有它的位置。格式化网站上的当前时间也是如此。某些站点可能会受益于“8:30pm”等 12 小时显示，而其他站点（如军事或医疗站点）则更喜欢“20:30”等 24 小时显示。

Divi 和 WordPress 为您提供了对 PHP 中可用的日期和时间格式的惊人控制。在本教程中，我们将帮助您了解如何在 Divi 中显示、格式化和设置日期和时间的样式。您将能够为博客文章提供发布日期的自定义格式，甚至可以向号召性用语添加动态元素以获得更个性化的风格（即“星期一快乐！看看我们的新交易。”）。

让我们开始吧！

免费下载日期和时间格式指南 Divi 布局

为了帮助快速了解 Divi 中的日期和时间格式，请下载这个有用的日期和时间格式指南布局。它包括在 Divi 文本模块中用作动态内容的每种日期/时间格式的示例，因此您可以亲眼看到每种格式在实时页面上的功能。

divi 日期和时间布局

要了解日期和时间格式指南，您首先需要使用下面的按钮下载它。要访问下载，您需要使用下面的表格订阅我们的 Divi Daily 电子邮件列表。作为新订户，您每周一将收到更多的 Divi 善良和免费的 Divi 布局包！如果您已经在列表中，只需在下面输入您的电子邮件地址，然后单击下载。您不会被“重新订阅”或收到额外的电子邮件。

下载文件

免费下载

加入 Divi 时事通讯，我们将通过电子邮件向您发送一份最终的 Divi 登陆页面布局包，以及大量其他令人惊叹的免费 Divi 资源、提示和技巧。跟随，您将很快成为 Divi 大师。 如果您已经订阅，只需在下面输入您的电子邮件地址，然后单击下载即可访问布局包。

您已成功订阅。请检查您的电子邮件地址以确认您的订阅并获得免费的每周 Divi 布局包！

要将部分布局导入您的 Divi 库，请导航到 Divi 库。

单击导入按钮。

在可移植性弹出窗口中，选择导入选项卡并从您的计算机中选择下载文件。

然后点击导入按钮。

分区通知框

完成后，分区布局将在 Divi Builder 中可用。

让我们进入教程，好吗？

用于显示日期和时间的可用格式字符

如前所述，Divi 利用 WordPress 的内置日期和时间格式。但在我们进入如何在 Divi 中格式化日期和时间之前，它有助于了解我们可用的格式化字符。

下面是可用格式字符的列表，它们可以一起使用（或组合使用）来创建自定义日期和时间格式。在 Divi 网站上尝试使用独特的日期和时间格式时，这会派上用场。

日期格式

DAY 格式字符

d = 月份中的第几天，带前导零的 2 位数字（“02”、“22”）
D = 以三个字母表示的月份中的某一天（“Jun”、“Jul”）
l （小写“L”）=星期几，全词（“Monday”、“Tuesday”）
N = ISO-8601 数字星期几（“1”代表星期一，“7”代表星期日）
S = 月份的后缀；与 j（“nd”、“st”、“rd”）一起使用
w = 星期几（星期日为“0”，星期六为“6”）
z = 一年中的第几天，从 0 开始（即“173”或“这是一年中的第 173 天”）

WEEK 格式字符

W = 26（一年中的周数，从星期一开始的周数；即“这是一年中的第 26 周”）

MONTH 格式字符

F = 一个月（“一月”或“三月”）的全文表示
m = 数字月份，带前导零（六月显示为“06”）
M = 三个字母的月份（三月显示为“Mar”）
n = 数字月份，不带前导零（六月显示为“6”）
t = 给定月份的天数（如果是六月，它会显示“30”）

年格式字符

Y = 2020（4 位数字年份；即“2020”）
y = 20（2 位数字年份；即“20”）

示例日期格式字符串

M j, Y = 2020 年 6 月 22 日
F d, Y = 2020 年 6 月 22 日
m/d/Y = 06/22/2020
mdY = 06.22.2020
j M, Y = 2020 年 6 月 22 日
l, M d = 6 月 22 日，星期一
l, F jS, Y = 2020 年 6 月 22 日，星期一
m·d·y = 06·22·20

时间格式

时间格式字符

a =（小写“am”或“pm”）
A = PM（大写“AM”或“PM”）
g = 小时，12 小时，不带前导零（“1-12”）
h = 小时，12 小时制，带前导零（“01-12”）
G = 小时，24 小时制，不带前导零（“0-23”）
H = 小时，24 小时制，带前导零（“00-23”）
i = 10（分钟，带前导零（“00-59”）
s = 52（秒，带前导零（“00-59”）
T = 时区（“CDT”、“EST”）

示例时间格式字符串

g:ia = 下午 4:10
g:i:sa = 下午 4:10:52

日期 + 时间格式字符串

Y/m/dg:i:s A = 2020/06/22 4:10:52 PM
M j, Y @ G:i = 2020 年 6 月 22 日 @ 16:10

使用“\”转义格式字符串以合并其他文本/字符

这是自定义日期和时间显示的一个非常有用的技巧。只需在要包含在格式字符串中的每个字符/字母前添加“\”，该字符就会正常呈现（在字符串之外）。因此，“/T/h/e”将在格式字符串中呈现单词“The”，而不是像时区（“T”）或小时（“h”）这样的实际日期/时间元素。

D \a\t ga = 周一下午 4 点
\T\h\e dS \d\a\y \o\f F = 六月的第 22 天

使用 Divi 格式化日期和时间

在站点范围内更改默认日期格式

如果您想更改站点范围内的默认日期和时间格式，WordPress 有一个内置选项。从您的 WordPress 仪表板，导航到设置 > 常规。在那里您将看到更改默认时区、日期格式和时间格式的选项。

divi 日期和时间格式

当您使用带有 Divi Builder 的动态内容添加日期或时间时，Divi 实际上使用这些相同的默认格式（如发布日期和当前日期）。

divi 日期和时间格式

如果您使用 Divi 的默认博客文章布局（不是使用 Divi Builder 构建的自定义布局），您可以输入一个自定义日期格式字符串，以用于整个站点的所有博客文章。您可以通过导航到 Divi > 主题选项并在常规选项卡下向下滚动页面来找到日期格式选项。

divi 日期和时间格式

有趣的是，您甚至可以输入时间格式字符来显示帖子的发布时间。

divi 日期和时间格式

使用 Divi 的动态内容格式化和显示日期和时间

使用 Divi Builder 时，您可以选择将当前日期或发布后日期作为动态内容添加到任何模块。这是根据具体情况覆盖默认日期和时间格式以及为日期/时间文本添加自定义样式的好方法。

要将帖子发布日期或当前日期作为动态内容添加到 Divi 中的页面，只需向页面添加文本模块即可。

divi 日期和时间格式

然后在将鼠标悬停在内容框上时选择动态内容图标。

divi 日期和时间格式

将动态日期添加到模块内容后，您可以单击编辑动态日期以进行更多自定义。这些附加设置包括将前后内容添加到日期显示的选项以及自定义日期格式的选项。

divi 日期和时间格式

Divi 的内置日期格式

在日期格式下拉菜单下，您将找到以下可以选择的预制日期格式。

M j, Y = 2020 年 6 月 22 日
F d, Y = 2020 年 6 月 22 日
m/d/Y = 06/22/2020
mdY = 06.22.2020
j M, Y = 2020 年 6 月 22 日
l, M d = 6 月 22 日，星期一

添加自定义日期/时间格式

要创建自定义日期/时间格式，请从下拉列表中选择自定义选项。选择自定义选项后，您将拥有一个可用的输入框，您可以在其中通过添加可用格式字符的任意组合来为日期、时间或两者创建完美的格式字符串，从而发挥您的魔力。

divi 日期和时间格式

同样的过程可用于添加当前时间或发布发布时间。只需在自定义日期格式框中添加时间格式字符。

divi 日期和时间格式

准备好内容后，您可以使用 Divi 的内置设计设置，在文本模块的设计选项卡下，根据您的喜好自定义正文文本。动态日期/时间格式将采用正文的样式。

divi 日期和时间格式

最后的想法

希望这篇文章已经（并将继续成为）关于如何在 Divi 中格式化日期和时间的有用指南。如果您和我一样，您已经对一些令人惊讶的格式选项大开眼界了，这些选项无需插件和自定义代码即可实现！

我期待在评论中收到您的来信。

干杯!

Divi 中的日期和时间格式指南

免费下载日期和时间格式指南 Divi 布局

免费下载

您已成功订阅。请检查您的电子邮件地址以确认您的订阅并获得免费的每周 Divi 布局包！

用于显示日期和时间的可用格式字符