wordpress - 古腾堡侧边栏中的日期时间选择器

Question

我正在编写一个插件，添加一个 Gutenbeg 侧边栏来为帖子设置一些新属性(使用元)，它包括一些下拉菜单、文本、复选框、日期时间选择器等；一切都按预期工作，从帖子元中存储和检索正确的数据。 我的问题是 DateTimePicker 组件，尽管它工作正常，但它以丑陋的方式显示，日历扩展并在其上方显示日期和时间选择，无法为其设置标题/标签。我正在考虑使用古腾堡主侧边栏中使用的弹出窗口解决方案进行发布，但我找不到任何有关如何打开弹出窗口、单​​击文本、将日期选择器放入弹出窗口、更新日期选择上的链接文本的文档 有什么建议吗？

Answer 1

你想要这样的东西:

<Dropdown
    position="middle left"
    renderToggle={ ( ( { isOpen, onToggle } ) => (
        <Button isLink onClick={ onToggle } aria-expanded={ isOpen }>
            { currentDate ? date( 'd.m.Y H:i', currentDate ) : "placeholder" }
        </Button>
    ) ) }
    renderContent={ () => (
        <DateTimePicker
            currentDate={ currentDate }
            onChange={ newDate => /* update date */ }
        />
    ) }>
</Dropdown>

isLink 将 is-link 类添加到按钮，使其看起来像一个链接。使用日期包来格式化日期。

• Dropdown component
• DateTimePicker component
• date package