UI组件-以“ Ymd H：i：s”格式（ISO时间格式）显示时间

我通过UI组件创建了一些管理列表页面，其时间列中的默认时间格式如下所示

UI组件代码如下

<column name="created_at" class="Magento\Ui\Component\Listing\Columns\Date">
    <argument name="data" xsi:type="array">
        <item name="config" xsi:type="array">
            <item name="filter" xsi:type="string">dateRange</item>
            <item name="component" xsi:type="string">Magento_Ui/js/grid/columns/date</item>
            <item name="dataType" xsi:type="string">date</item>
            <item name="label" xsi:type="string" translate="true">Created At</item>
        </item>
    </argument>
</column>

数据库中的时间格式正确（ISO时间格式），这就是我要显示的格式。

那么，如何在UI组件中以“ Ymd H：i：s ”格式（ISO时间格式）显示时间？感谢您的任何建议:)

尝试更改dateFormat您的列的值：

<column name="created_at" class="Magento\Ui\Component\Listing\Columns\Date">
    <argument name="data" xsi:type="array">
        <item name="config" xsi:type="array">
            <item name="filter" xsi:type="string">dateRange</item>
            <item name="component" xsi:type="string">Magento_Ui/js/grid/columns/date</item>
            <item name="dataType" xsi:type="string">date</item>
            <item name="label" xsi:type="string" translate="true">Created At</item>
            <item name="dateFormat" xsi:type="string">Y-MM-dd HH:mm:ss</item>
        </item>
    </argument>
</column>

默认格式可以在日期列组件中找到 magento/module-ui/view/base/web/js/grid/columns/date.js

return Column.extend({
    defaults: {
        dateFormat: 'MMM d, YYYY h:mm:ss A'
    },
...

更新：

另外，请注意在年份中使用y而不是YYYY。日期组件使用ICU日期格式。

资源

因此，格式应略有不同。我认为这可能是合适的：

<item name="dateFormat" xsi:type="string">Y-MM-dd HH:mm:ss</item>

您需要添加日期格式dateFormat的列值YYYY-MM-DD HH：MM：SS，ICU的日期时间格式。

请查看以下链接以了解更多详细信息：

http://userguide.icu-project.org/formatparse/datetime

一年中的M个月

9号

MM 09

MMM 9月

MMMM九月

MMMMM S

d天

dd 02

和YYYY年

因此，日期格式的代码行是：

<item name="dateFormat" xsi:type="string" translate="true">YYYY-MM-dd hh:mm:ss</item>

您可以为日期列和数据尝试以下代码：

<column name="purchase_date" class="Magento\Ui\Component\Listing\Columns\Date">
    <argument name="data" xsi:type="array">
        <item name="config" xsi:type="array">
            <item name="label" xsi:type="string" translate="true">Created At</item> 
            <item name="filter" xsi:type="string">dateRange</item>
            <item name="component" xsi:type="string">Magento_Ui/js/grid/columns/date</item>
            <item name="dataType" xsi:type="string">date</item>
            <item name="dateFormat" xsi:type="string" translate="true">YYYY-MM-dd hh:mm a</item>
        </item>
    </argument>
 </column>