好久没提问了，今天来提问一下。看看有没有大神来帮助一下的。

1544765

看图。
这是一个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. 
   
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>

复制代码

• bug八阿哥
• 发表于2024-11-16 15:21:15
• 详细答案 >

1544765

补充一下当前模块的diy模块的代码

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

复制代码

1544765

1544765 发表于 2024-11-16 15:15
补充一下当前模块的diy模块的代码

直接发代码循环标签下的不显示了 我补一张图片

bug八阿哥

首先要获取时间的变量才可以
假设 $slide['dateline'] 是 UNIX 时间戳

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>

复制代码

bug八阿哥

最好是发完整的代码出来

1544765

bug八阿哥 发表于 2024-11-16 15:19
最好是发完整的代码出来

<div class="module cl xl xl1">
    <ul>
    循环
    <li><em>{dateline}</em><a href="{url}" title="{title}"{target}>{title}</a></li>
    循环
    </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>

复制代码

1544765

bug八阿哥 发表于 2024-11-16 15:21

尝试了一下，目前没有效果。
在编辑中也修改了几次日期显示效果，都不行呢。

湖中沉

DIY内不支持判断逻辑类的代码的，所以不能达到你的需求

1544765

湖中沉 发表于 2024-11-16 15:31
DIY内不支持判断逻辑类的代码的，所以不能达到你的需求

刚才尝试了一下吧script的判断写进了这套模板 当前模块的下方。然后把时间格式改成yyyy-mm-dd就可以正常显示效果了