Gatsby 防止时区影响

Gatsby 防止时区影响,gatsby,Gatsby,在post frontmatter中,我使用以下日期格式: --- date: 2020-10-23T01:11:32+03:00 --- 在查询中,我使用以下格式: frontmatter { date(formatString: "DD.MM.YYYY HH:mm:ss") } 我期望23.10.2020 01:11:32,但得到22.10.2020 22:11:32 如何获取23.10.2020 01:11:32 添加1 此标记: <time clas

在post frontmatter中,我使用以下日期格式:

---
date: 2020-10-23T01:11:32+03:00
---
在查询中,我使用以下格式:

frontmatter {
    date(formatString: "DD.MM.YYYY HH:mm:ss")
}
我期望
23.10.2020 01:11:32
,但得到
22.10.2020 22:11:32

如何获取
23.10.2020 01:11:32

添加1

此标记:

<time className="post-date"><small>{post.frontmatter.date}</small></time>

有多种方法可以绕过它

最原生的,尝试在
格式字符串
筛选器中使用
区域设置

frontmatter {
    date(formatString: "DD.MM.YYYY HH:mm:ss", locale:"en") // en by default, change it to what you need
}
formatString
使用
momentjs
提供的选项,在中检查更多区域设置和筛选器

如果前面的方法不符合您的规范,您可以始终在JavaScript文件中处理结果,如:

const date= props.data.allMarkdownRemark.nodes[0].frontmatter.date;
date.format('llll'); // will outpout something like Tue, Oct 27, 2020 7:27 AM

免责声明:请注意,到达日期的路径是伪造的,请获取解决方法,而不是路径。

您有多种方法可以绕过它

最原生的,尝试在
格式字符串
筛选器中使用
区域设置

frontmatter {
    date(formatString: "DD.MM.YYYY HH:mm:ss", locale:"en") // en by default, change it to what you need
}
formatString
使用
momentjs
提供的选项,在中检查更多区域设置和筛选器

如果前面的方法不符合您的规范,您可以始终在JavaScript文件中处理结果,如:

const date= props.data.allMarkdownRemark.nodes[0].frontmatter.date;
date.format('llll'); // will outpout something like Tue, Oct 27, 2020 7:27 AM

免责声明:请注意,到达日期的路径是伪造的,请获取解决方法,而不是路径。

locale
无法解决问题。其他方法对我来说很难,我自己无法实现它们。文章的日期,这是一代人逻辑中最重要的事情,我没想到盖茨比没有解决这个问题。如何在文章中写日期和时间以及如何输出,请显示您的代码。如何检索您的帖子数据?显示模板/组件以调整答案。在查询所在的页面中,日期位于:
props.data.allmarkdownmark.nodes[0].frontmatter.date
(请注意,节点是一个iterable元素)下,但无法解决问题。其他方法对我来说很难,我自己无法实现它们。文章的日期,这是一代人逻辑中最重要的事情,我没想到盖茨比没有解决这个问题。如何在文章中写日期和时间以及如何输出,请显示您的代码。如何检索您的帖子数据?显示模板/组件以调整答案。您的日期位于查询所在的同一页面中的:
props.data.allMarkdownRemark.nodes[0].frontmatter.date
(请注意,节点是一个iterable元素)