wenyongda/vhAstro-Theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化时间格式化

Browse Source
This commit is contained in:
Han 2025-02-18 14:09:32 +08:00
parent ebebb131df
commit 0be4e71328
2 changed files with 21 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/scripts/Talking.ts
View File

@ -18,7 +18,7 @@ const TalkingInit = async (data: any) => {
if (typeof data === 'string') { if (typeof data === 'string') {
res = await $GET(data); res = await $GET(data);
} }
talkingDOM.innerHTML = res.map((i: any) => `<article><header><img data-vh-lz-src="https://q1.qlogo.cn/g?b=qq&nk=1655466387&s=640" /><p class="info"><span>.𝙃𝙖𝙣</span><time>${fmtDate(i.date)}</time></p></header><section class="main">${i.content}</section><footer>${i.tags.map((tag: any) => `<span>${tag}</span>`).join('')}</footer></article>`).join(''); talkingDOM.innerHTML = res.map((i: any) => `<article><header><img data-vh-lz-src="https://q1.qlogo.cn/g?b=qq&nk=1655466387&s=640" /><p class="info"><span>.𝙃𝙖𝙣</span><time>${fmtDate(i.date)}前</time></p></header><section class="main">${i.content}</section><footer>${i.tags.map((tag: any) => `<span>${tag}</span>`).join('')}</footer></article>`).join('');
// 图片懒加载 // 图片懒加载
vhLzImgInit(); vhLzImgInit();
// 灯箱JS初始化====== // 灯箱JS初始化======

35
src/utils/index.ts
View File

@ -5,25 +5,30 @@ const getDescription = (post: any, num: number = 150) => (post.rendered ? post.r
const fmtTime = (time: any, fmt: string = 'MMMM D, YYYY') => dayjs(time).format(fmt) const fmtTime = (time: any, fmt: string = 'MMMM D, YYYY') => dayjs(time).format(fmt)
// 处理日期 // 处理日期
const fmtDate = (time: string | Date) => { const fmtDate = (time: string | Date) => {
const now = dayjs() const now = dayjs();
const past = dayjs(time) const past = dayjs(time);
// 计算时间差组件 // 计算各时间单位，逐步扣除已计算的部分
const years = now.diff(past, 'year') const years = now.diff(past, 'year');
const months = now.diff(past.add(years, 'year'), 'month') const adjustedPastYears = past.add(years, 'year');
const days = now.diff(past.add(years, 'year').add(months, 'month'), 'day') const months = now.diff(adjustedPastYears, 'month');
const hours = now.diff(past, 'hour') const adjustedPastMonths = adjustedPastYears.add(months, 'month');
const minutes = now.diff(past, 'minute') const days = now.diff(adjustedPastMonths, 'day');
const seconds = now.diff(past, 'second') const adjustedPastDays = adjustedPastMonths.add(days, 'day');
// 构建时间差描述 const hours = now.diff(adjustedPastDays, 'hour');
const adjustedPastHours = adjustedPastDays.add(hours, 'hour');
const minutes = now.diff(adjustedPastHours, 'minute');
const adjustedPastMinutes = adjustedPastHours.add(minutes, 'minute');
const seconds = now.diff(adjustedPastMinutes, 'second');
// 构建时间差描述，仅在没有更大单位时显示较小单位
return [ return [
years && `${years}年`, years && `${years}年`,
months && `${months}月`, months && `${months}月`,
days && `${days}天`, days && `${days}天`,
!years && !months && hours && `${hours}小时`, hours && !years && !months && `${hours}小时`,
!years && !months && !days && minutes && `${minutes}分钟`, minutes && !years && !months && !days && `${minutes}分`,
!years && !months && !days && !hours && `${seconds}秒` seconds && !years && !months && !days && !hours && `${seconds}秒`
].filter(Boolean).join('') ].filter(Boolean).join('');
} };
// 处理页码展示 // 处理页码展示
const fmtPage = (page: string | undefined) => page ? page.replace(/\//g, '') : null const fmtPage = (page: string | undefined) => page ? page.replace(/\//g, '') : null