显示在Gutenberg组件中发布的日期帖子

时间：2022-02-25 作者：Djave

我来自PHP世界

<div>
  <h1><?= get_the_title() ?></h1>
  <p><?= the_time(\'j F  Y\'); ?></p>
</div>
现在我有一个古腾堡Edit.js 块

<div>
    <RichText
        className="snug huge"
        placeholder="Your title here"
        onChange={(content) => setAttributes({ title: content })}
        value={attributes.title}
        tagName="h1"
    />
    <p>[The date of the page or post needs to be formatted and placed here]</p>
</div>
我究竟该如何确定这篇文章发表的日期？

编辑：

最近，我找到了所有PHP模板标签及其Gutenberg对应标签的列表：https://github.com/WordPress/gutenberg/issues/22724

这让我找到了发布日期，但根本没有相关文档。我想这就是我所追求的，但我不确定如何使用它。https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/post-date

1 个回复
最合适的回答,由SO网友:Djave 整理而成

我可以通过以下步骤到达那里。

import * as wpDate from "@wordpress/date";
您可以在此处找到非常有限的文档：https://developer.wordpress.org/block-editor/reference-guides/packages/packages-date/

我能够使用以下内容：

const post = wp.data.select("core/editor").getCurrentPost();
const postDate = wpDate.format("d|m|Y", post.date);
然后，当我需要它时：

<div>
    <RichText
        className="snug huge"
        placeholder="Your title here"
        onChange={(content) => setAttributes({ title: content })}
        value={attributes.title}
        tagName="h1"
    />
    <p>{postDate}</p>
</div>

标签： block-editor   小码农  

相关推荐