【Nextcloud】在 Ubuntu 22.04.3 LTS 上的 Nextcloud Hub 10 (31.0.2)文件或者目录列表中的修改时间为绝对时间

目录或者文件列表 看到的时间均是相对时间,只有当鼠标放在上面才可以看到绝对时间,感觉这个非常不符合咱们的习惯。通过论坛,github 上找了很多的方案都不能实现。差点自己写个插件。 偶然的机会发现一个 自定义css 插件,通过一段CSS 代码实现了。
总体解决的思路:1. 通过咨询AI ,找到合适的方法: js 实现、 css实现; 2. 找到源代码需要修改的地方,让AI 帮你实现。
在这里插入图片描述

以前是这样的,把鼠标放在相对时间上面会显示绝对时间

在这里插入图片描述
页面代码块内容:

<td data-cy-files-list-row-mtime="" class="files-list__row-mtime" style="color: color-mix(in srgb, var(--color-main-text) 95%, var(--color-text-maxcontrast));"><span data-timestamp="Sat Aug 02 2025 21:55:46 GMT+0800 (中国标准时间)" title="2025/8/2 21:55:46" class="nc-datetime">前天</span></td>

安装 Custom Css

在国内安装或者浏览nextcloud 在凌晨或者早上,下载更新nextcloud app 非常快。
在这里插入图片描述

CSS 代码

这段代码是通过deepseek 实现的

/* 隐藏相对时间文本 */
.files-list__row-mtime .nc-datetime {
    font-size: 0 !important;
    color: transparent !important;
}

/* 显示绝对时间(使用 title 属性值) */
.files-list__row-mtime .nc-datetime::after {
    content: attr(title) !important; /* 使用 title 中的绝对时间 */
    font-size: 12px !important; /* 调整字体大小 */
    color: color-mix(in srgb, var(--color-main-text) 57%, var(--color-text-maxcontrast)) !important;
}

把CSS 代码块填写进入。 提交就行了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

iHero

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值