好久沒提問了，今天來(lái)提問一下。看看有沒有大神來(lái)幫助一下的。

1544765

登錄/注冊(cè)后可看大圖

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

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

最終要求效果如下圖

登錄/注冊(cè)后可看大圖

當(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

補(bǔ)充一下當(dāng)前模塊的diy模塊的代碼

1. <div class="module cl xl xl1">
   
2.     <ul>
   
3.         [loop]

復(fù)制代碼

1544765

1544765 發(fā)表于 2024-11-16 15:15
補(bǔ)充一下當(dāng)前模塊的diy模塊的代碼

直接發(fā)代碼循環(huán)標(biāo)簽下的不顯示了 我補(bǔ)一張圖片

登錄/注冊(cè)后可看大圖

bug八阿哥

首先要獲取時(shí)間的變量才可以
假設(shè) $slide['dateline'] 是 UNIX 時(shí)間戳

1. <ul class="cl">
   
2.     <!--{loop $slides $slide}-->
   
3.     <?php
   
4.     $postDate = date('Y-m-d', $slide['dateline']);
   
5.     $isToday = ($postDate === $currentDate);
   
6.     ?>
   
7.     <li>
   
8.         <p style="color: <?php echo $isToday ? 'red' : 'black'; ?>;">
   
9.             <?php echo $postDate; ?>
   
10.         </p>
    
11.     </li>
    
12.     <!--{/loop}-->
    
13. </ul>

復(fù)制代碼

bug八阿哥

最好是發(fā)完整的代碼出來(lái)

1544765

bug八阿哥 發(fā)表于 2024-11-16 15:19
最好是發(fā)完整的代碼出來(lái)

<div class="module cl xl xl1">
    <ul>
    循環(huán)
    <li><em>{dateline}</em><a href="{url}" title="{title}"{target}>{title}</a></li>
    循環(huán)
    </ul>
</div>

bug八阿哥

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ù)制代碼

1544765

bug八阿哥 發(fā)表于 2024-11-16 15:21

嘗試了一下，目前沒有效果。
在編輯中也修改了幾次日期顯示效果，都不行呢。

湖中沉

DIY內(nèi)不支持判斷邏輯類的代碼的，所以不能達(dá)到你的需求

1544765

湖中沉 發(fā)表于 2024-11-16 15:31
DIY內(nèi)不支持判斷邏輯類的代碼的，所以不能達(dá)到你的需求

剛才嘗試了一下吧script的判斷寫進(jìn)了這套模板 當(dāng)前模塊的下方。然后把時(shí)間格式改成yyyy-mm-dd就可以正常顯示效果了