如何配置Strapi 4版本管理面板中的日期格式？

数据老陈

2026-8-5

Strapi 4管理面板日期格式修改为YYYY-MM-DD HH:MM的可行方案

以下是几种适配Strapi 4版本的替代方案：

方案一：通过Admin扩展覆盖日期格式化函数（推荐）

该方式无需修改核心代码，Strapi升级时影响较小：

在项目根目录创建src/admin/extensions文件夹（不存在则新建）
新建src/admin/extensions/date-formatter.js文件，写入代码：

import moment from 'moment';

// 自定义日期格式化逻辑
const customFormatDate = (date) => {
  if (!date) return '';
  return moment(date).format('YYYY-MM-DD HH:mm');
};

// 覆盖Strapi默认的日期格式化钩子
strapi.registerHook('admin.utils.format-date', () => customFormatDate);

修改src/admin/app.js，引入上述扩展：

import './extensions/date-formatter';

export default {
  config: {
    // 保留原有的admin配置（如logo、导航等）
  },
  bootstrap(app) {
    // 可添加其他启动逻辑
  },
};

若项目未安装moment，执行安装命令：

npm install moment --save-dev

重新构建Admin面板并启动项目：

npm run build
npm run develop

方案二：自定义插件替换日期显示组件

适合需要更灵活定制的场景：

参考Strapi官方插件开发文档创建自定义插件，在插件的admin/src/components目录下新建CustomDateDisplay.js：

import React from 'react';
import moment from 'moment';

const CustomDateDisplay = ({ value }) => {
  return <span>{moment(value).format('YYYY-MM-DD HH:mm')}</span>;
};

export default CustomDateDisplay;

在插件的admin/src/index.js中注册组件，替换默认的日期显示组件：

import CustomDateDisplay from './components/CustomDateDisplay';

export default {
  register(app) {
    app.component('DateDisplay', CustomDateDisplay);
  },
};