好久沒(méi)提問(wèn)了，今天來(lái)提問(wèn)一下?？纯从袥](méi)有大神來(lái)幫助一下的。

1544765

看圖。
這是一個(gè)diy的帖子模塊，希望讓今日發(fā)布的內(nèi)容時(shí)間變成紅色（圖中紅框），昨天發(fā)布的依然保持當(dāng)前色。

如：11月16日新的內(nèi)容日期顏色為紅色。11月15日或者之前的日期顏色保持不變。

最終要求效果如下圖

當(dāng)然不希望用到插件。

1 貢獻(xiàn)

最佳答案

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

復(fù)制代碼

• bug八阿哥
• 發(fā)表于2024-11-16 15:21:15
• 詳細(xì)答案 >

湖中沉

1544765 發(fā)表于 2024-11-16 15:44
剛才嘗試了一下吧script的判斷寫(xiě)進(jìn)了這套模板 當(dāng)前模塊的下方。然后把時(shí)間格式改成yyyy-mm-dd就可以正常 ...

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

bug八阿哥

全站用 也可以試試在后臺(tái)的 統(tǒng)計(jì)代碼里 添加這個(gè)JS

1544765

bug八阿哥 發(fā)表于 2024-11-16 15:58
比如你要在列表 主題頁(yè)也使用 就可以在相關(guān)模板里添加

方法2：直接在相關(guān)DIY的地方 創(chuàng)建一個(gè) html的diy將 ...

是的，這也是一種很好的辦法，雖然我沒(méi)有嘗試。

bug八阿哥

比如你要在列表 主題頁(yè)也使用 就可以在相關(guān)模板里添加

方法2：直接在相關(guān)DIY的地方 創(chuàng)建一個(gè) html的diy將JS代碼添加進(jìn)去保存就可以 無(wú)需在模板里添加 也不用多文件

1544765

bug八阿哥 發(fā)表于 2024-11-16 15:53
JS代碼只能在使用的地方正常  其他頁(yè)面要實(shí)現(xiàn) 也需要添加js

是的，你說(shuō)的很對(duì)，展示我只需要用到這個(gè)頁(yè)面，其他頁(yè)面要使用我可以獨(dú)立創(chuàng)建一個(gè)js文件，然后在其他頁(yè)面隨時(shí)可以調(diào)用。

bug八阿哥

1544765 發(fā)表于 2024-11-16 15:50
暫時(shí)放在模板文件里了，這個(gè)判斷目前只會(huì)在當(dāng)前頁(yè)有效果，其他頁(yè)面無(wú)影響。先用著吧，以后有問(wèn)題了就直接 ...

JS代碼只能在使用的地方正常  其他頁(yè)面要實(shí)現(xiàn) 也需要添加js

1544765

bug八阿哥 發(fā)表于 2024-11-16 15:48
可以在后端php文件創(chuàng)建數(shù)據(jù)處理 不過(guò)不建議那么做

暫時(shí)放在模板文件里了，這個(gè)判斷目前只會(huì)在當(dāng)前頁(yè)有效果，其他頁(yè)面無(wú)影響。先用著吧，以后有問(wèn)題了就直接刪了。

bug八阿哥

可以在后端php文件創(chuàng)建數(shù)據(jù)處理 不過(guò)不建議那么做

1544765

1544765 發(fā)表于 2024-11-16 15:46
上面老哥說(shuō)在diy里面不能用，那直接寫(xiě)在模板里就可以用了。非常感激這幾位老哥。 ...

最終效果如下