久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

12下一頁
返回列表 發帖
查看: 1182|回復: 19

[已解決] 好久沒提問了,今天來提問一下。看看有沒有大神來幫助一下的。

12

主題

132

回帖

217

積分

爐火純青

貢獻
8 點
金幣
23 個
樓主
發表于 2024-11-16 15:13:07 | 只看樓主 |只看大圖 |正序瀏覽 |閱讀模式


看圖。
這是一個diy的帖子模塊,希望讓今日發布的內容時間變成紅色(圖中紅框),昨天發布的依然保持當前色。

如:11月16日新的內容日期顏色為紅色。11月15日或者之前的日期顏色保持不變。

最終要求效果如下圖


當然不希望用到插件。
1 貢獻

最佳答案

  1. <div class="module cl xl xl1">
  2.     <ul>
  3.         <li><em class="date">{dateline}</em><a href="{url}" title="{title}"{target}>{title}</a></li>
  4.     </ul>
  5. </div>

  6. <script>
  7.     document.addEventListener('DOMContentLoaded', function() {
  8.         const currentDate = new Date().toISOString().split('T')[0];
  9.         document.querySelectorAll('.date').forEach(function(dateElement) {
  10.             const dateText = dateElement.textContent.trim();
  11.             if (dateText === currentDate) {
  12.                 dateElement.style.color = 'red';
  13.             }
  14.         });
  15.     });
  16. </script>
復制代碼
回復

使用道具 舉報

31

主題

5901

回帖

1萬

積分

應用開發者

貢獻
619 點
金幣
1444 個
QQ
20#
發表于 2024-11-17 08:59:15 | 只看Ta
1544765 發表于 2024-11-16 15:44
剛才嘗試了一下吧script的判斷寫進了這套模板 當前模塊的下方。然后把時間格式改成yyyy-mm-dd就可以正常 ...

JS屬于前端處理,是可以的,之前的代碼屬于PHP后端邏輯代碼,那就不支持
回復

使用道具 舉報

67

主題

298

回帖

422

積分

應用開發者

貢獻
7 點
金幣
9 個
QQ
19#
發表于 2024-11-16 16:00:35 | 只看Ta
全站用 也可以試試在后臺的 統計代碼里 添加這個JS
回復

使用道具 舉報

12

主題

132

回帖

217

積分

爐火純青

貢獻
8 點
金幣
23 個
18#
 樓主| 發表于 2024-11-16 16:00:23 | 只看Ta
bug八阿哥 發表于 2024-11-16 15:58
比如你要在列表 主題頁也使用 就可以在相關模板里添加

方法2:直接在相關DIY的地方 創建一個 html的diy將 ...

是的,這也是一種很好的辦法,雖然我沒有嘗試。
回復

使用道具 舉報

67

主題

298

回帖

422

積分

應用開發者

貢獻
7 點
金幣
9 個
QQ
17#
發表于 2024-11-16 15:58:19 | 只看Ta
比如你要在列表 主題頁也使用 就可以在相關模板里添加

方法2:直接在相關DIY的地方 創建一個 html的diy將JS代碼添加進去保存就可以 無需在模板里添加 也不用多文件
回復

使用道具 舉報

12

主題

132

回帖

217

積分

爐火純青

貢獻
8 點
金幣
23 個
16#
 樓主| 發表于 2024-11-16 15:53:58 | 只看Ta
bug八阿哥 發表于 2024-11-16 15:53
JS代碼只能在使用的地方正常  其他頁面要實現 也需要添加js

是的,你說的很對,展示我只需要用到這個頁面,其他頁面要使用我可以獨立創建一個js文件,然后在其他頁面隨時可以調用。
回復

使用道具 舉報

67

主題

298

回帖

422

積分

應用開發者

貢獻
7 點
金幣
9 個
QQ
15#
發表于 2024-11-16 15:53:00 | 只看Ta
1544765 發表于 2024-11-16 15:50
暫時放在模板文件里了,這個判斷目前只會在當前頁有效果,其他頁面無影響。先用著吧,以后有問題了就直接 ...

JS代碼只能在使用的地方正常  其他頁面要實現 也需要添加js
回復

使用道具 舉報

12

主題

132

回帖

217

積分

爐火純青

貢獻
8 點
金幣
23 個
14#
 樓主| 發表于 2024-11-16 15:50:19 | 只看Ta
bug八阿哥 發表于 2024-11-16 15:48
可以在后端php文件創建數據處理 不過不建議那么做

暫時放在模板文件里了,這個判斷目前只會在當前頁有效果,其他頁面無影響。先用著吧,以后有問題了就直接刪了。
回復

使用道具 舉報

67

主題

298

回帖

422

積分

應用開發者

貢獻
7 點
金幣
9 個
QQ
13#
發表于 2024-11-16 15:48:49 | 只看Ta
可以在后端php文件創建數據處理 不過不建議那么做
回復

使用道具 舉報

12

主題

132

回帖

217

積分

爐火純青

貢獻
8 點
金幣
23 個
12#
 樓主| 發表于 2024-11-16 15:47:18 | 只看Ta
1544765 發表于 2024-11-16 15:46
上面老哥說在diy里面不能用,那直接寫在模板里就可以用了。非常感激這幾位老哥。 ...

最終效果如下

回復 1

使用道具 舉報

您需要登錄后才可以回帖 登錄 | 立即注冊

本版積分規則

  • 關注公眾號
  • 有償服務微信
  • 有償服務QQ

手機版|小黑屋|Discuz! 官方交流社區 ( 皖ICP備16010102號 |皖公網安備34010302002376號 )|網站地圖|star

GMT+8, 2025-9-19 13:12 , Processed in 0.081007 second(s), 34 queries .

Powered by Discuz! W1.0 Licensed

Copyright © 2001-2025 Discuz! Team.

關燈 在本版發帖
有償服務QQ
有償服務微信
返回頂部
快速回復 返回頂部 返回列表