怎样在phpMyAdmin中将时间戳字段自动高亮显示为相对时间

轻墨君_8755

轻墨君_8755

2026-10-16

175人浏览

原创

phpmyadmin 不自动将时间戳转为相对时间或高亮,需通过 tampermonkey 等用户脚本注入 js 实现;匹配时间格式后设置背景色并计算“x 分钟前”等相对时间。

怎样在phpmyadmin中将时间戳字段自动高亮显示为相对时间

phpMyAdmin 里时间戳字段不自动转相对时间?它根本不会

phpMyAdmin 本身不提供「自动高亮并转换为相对时间(如“2 小时前”)」的功能。它的 timestamp 或 datetime 字段默认只按数据库原始值显示(如 2024-05-21 14:30:45),不会主动调用 JavaScript 渲染成「刚刚」「3 天前」这类格式,更不会自动高亮。

想让时间戳在浏览页变成相对时间 + 高亮,只能靠自定义 CSS + JS 注入

phpMyAdmin 支持通过配置文件注入前端资源,但仅限于「本地部署且你有服务器权限」的场景。核心路径是修改 config.inc.php,启用 $cfg['Servers'][$i]['extension'] 并添加自定义脚本入口——但更实际的做法是:直接在浏览器端用开发者工具临时验证,或部署一个轻量级用户脚本(如 Tampermonkey)。

  • 必须确保 phpMyAdmin 后台启用了 $cfg['AllowArbitraryServer'] = false; 等安全设置未阻断内联脚本(否则自定义 JS 可能被 CSP 拦截)
  • 推荐用 Tampermonkey 脚本,匹配 URL 如 /tbl_structure.php 或 /sql.php,避免修改服务端配置
  • 识别时间戳列不能只靠字段名(如 created_at),要结合 MySQL 的 TYPE 值(timestamp, datetime, int(11) 存秒级时间戳)和常见命名习惯

示例 Tampermonkey 脚本片段(作用于结果表格):

btpanel phpsite 宝塔面板PHP网站
btpanel phpsite 宝塔面板PHP网站

宝塔面板 PHP 网站管理:站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

下载
document.querySelectorAll('table tbody tr').forEach(row => {
  const cells = row.querySelectorAll('td');
  cells.forEach(cell => {
    const text = cell.textContent.trim();
    // 粗略匹配时间戳格式(可按需加强)
    if (/^\d{4}-\d{2}-\d{2}\s+\d{2}:\d{2}:\d{2}$/.test(text) || 
        /^\d{10}$/.test(text)) {
      cell.style.backgroundColor = '#fff8e6';
      const time = text.length === 10 ? new Date(Number(text) * 1000) : new Date(text);
      const diff = Math.floor((Date.now() - time) / 60000); // 分钟差
      let rel = '刚刚';
      if (diff ${rel}`;
    }
  });
});

为什么不用 phpMyAdmin 内置的「格式化选项」?

phpMyAdmin 的「显示选项」(如勾选 Show binary contents 或 Show BLOB contents)对时间字段完全无效;它的 Relational display column 只用于外键关联字段,不处理时间格式化;而 Transformations 功能虽支持 MIME 类型转换(比如用 DateTime 插件),但该插件仅做静态格式转换(如 Y-m-d),不支持动态相对时间,也不带高亮样式。

  • DateTime transformation 参数填 Y-m-d H:i:s → 输出固定格式字符串,不是「2 小时前」
  • 所有 transformation 都在服务端 PHP 渲染完成,无法访问客户端当前时间,因此做不到「相对」
  • 高亮必须靠 CSS background-color 或 font-weight,而 transformation 不允许输出 HTML 标签(会被转义)

真正可靠的替代方案:换工具或加中间层

如果频繁需要相对时间+高亮,说明 phpMyAdmin 已不适合这个使用场景。更务实的选择是:

  • 用 Adminer 替代:支持插件机制,可轻松注入 JS,且界面更轻量、CSP 更宽松
  • 写个简单 PHP 页面直连数据库,用 time_ago() 函数(PHP 8.2+ 有 date_diff(),或手动计算)+ <span class="time-ago"></span> + CSS 控制高亮
  • 导出数据到 VS Code + SQLTools 插件,配合正则替换或自定义 snippet 快速预览相对时间(适合一次性分析)

强行在 phpMyAdmin 上堆 JS 注入,容易因版本升级、CSP 策略变更或 AJAX 表格重载导致失效——尤其是分页后新加载的行不会被初始脚本捕获,得监听 DOMSubtreeModified 或用 MutationObserver,这已经超出「简单高亮」的范畴了。

php免费学习视频:立即使用
踏上前端学习之旅,开启通往精通之路!从前端基础到项目实战,循序渐进,一步一个脚印,迈向巅峰!

相关文章

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

php phpmyadmin

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
php文件怎么打开
php文件怎么打开

打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

2023.09.01

10884

6

php怎么取出数组的前几个元素
php怎么取出数组的前几个元素

取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.11

6341

5

php反序列化失败怎么办
php反序列化失败怎么办

php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.11

2135

5

php怎么连接mssql数据库
php怎么连接mssql数据库

连接方法:1、通过mssql_系列函数;2、通过sqlsrv_系列函数;3、通过odbc方式连接;4、通过PDO方式;5、通过COM方式连接。想了解php怎么连接mssql数据库的详细内容,可以访问下面的文章。

2023.10.23

4008

4

php连接mssql数据库的方法
php连接mssql数据库的方法

php连接mssql数据库的方法有使用PHP的MSSQL扩展、使用PDO等。想了解更多php连接mssql数据库相关内容,可以阅读本专题下面的文章。

2023.10.23

4714

6

html怎么上传
html怎么上传

html通过使用HTML表单、JavaScript和PHP上传。更多关于html的问题详细请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.03

3711

9

PHP出现乱码怎么解决
PHP出现乱码怎么解决

PHP出现乱码可以通过修改PHP文件头部的字符编码设置、检查PHP文件的编码格式、检查数据库连接设置和检查HTML页面的字符编码设置来解决。更多关于php乱码的问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.09

5297

8

php文件怎么在手机上打开
php文件怎么在手机上打开

php文件在手机上打开需要在手机上搭建一个能够运行php的服务器环境,并将php文件上传到服务器上。再在手机上的浏览器中输入服务器的IP地址或域名,加上php文件的路径,即可打开php文件并查看其内容。更多关于php相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.13

4162

8

sprintf函数用法详解
sprintf函数用法详解

sprintf函数的用法:1、格式化字符串;2、指定输出宽度和精度;3、返回值。更多关于sprintf函数用法详解的内容,大家可以阅读下面的文章。

2023.11.27

12062

4

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
墨刀帮助中心
墨刀帮助中心

共0课时 | 0人学习

MyEclipse学习中心
MyEclipse学习中心

共0课时 | 0人学习

Apache Subversion 官方手册
Apache Subversion 官方手册

共0课时 | 0人学习