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

Discuz! 官方交流社區

標題: 好久沒提問了,今天來提問一下。看看有沒有大神來幫助一下的。 [打印本頁]

作者: 1544765    時間: 2024-11-16 15:13
標題: 好久沒提問了,今天來提問一下。看看有沒有大神來幫助一下的。
(, 下載次數: 23)


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

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

最終要求效果如下圖
(, 下載次數: 34)


當然不希望用到插件。

作者: 1544765    時間: 2024-11-16 15:15
補充一下當前模塊的diy模塊的代碼
  1. <div class="module cl xl xl1">
  2.     <ul>
  3.         [loop]
復制代碼

作者: 1544765    時間: 2024-11-16 15:17
1544765 發表于 2024-11-16 15:15
補充一下當前模塊的diy模塊的代碼

直接發代碼循環標簽下的不顯示了 我補一張圖片
(, 下載次數: 25)


作者: bug八阿哥    時間: 2024-11-16 15:18
首先要獲取時間的變量才可以
假設 $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八阿哥    時間: 2024-11-16 15:19
最好是發完整的代碼出來
作者: 1544765    時間: 2024-11-16 15:19
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八阿哥    時間: 2024-11-16 15:21
  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>
復制代碼

作者: 1544765    時間: 2024-11-16 15:27
bug八阿哥 發表于 2024-11-16 15:21

嘗試了一下,目前沒有效果。
在編輯中也修改了幾次日期顯示效果,都不行呢。
作者: 湖中沉    時間: 2024-11-16 15:31
DIY內不支持判斷邏輯類的代碼的,所以不能達到你的需求
作者: 1544765    時間: 2024-11-16 15:44
湖中沉 發表于 2024-11-16 15:31
DIY內不支持判斷邏輯類的代碼的,所以不能達到你的需求

剛才嘗試了一下吧script的判斷寫進了這套模板 當前模塊的下方。然后把時間格式改成yyyy-mm-dd就可以正常顯示效果了
作者: 1544765    時間: 2024-11-16 15:46
(, 下載次數: 15)

上面老哥說在diy里面不能用,那直接寫在模板里就可以用了。非常感激這幾位老哥。
作者: 1544765    時間: 2024-11-16 15:47
1544765 發表于 2024-11-16 15:46
上面老哥說在diy里面不能用,那直接寫在模板里就可以用了。非常感激這幾位老哥。 ...

最終效果如下
(, 下載次數: 13)


作者: bug八阿哥    時間: 2024-11-16 15:48
可以在后端php文件創建數據處理 不過不建議那么做
作者: 1544765    時間: 2024-11-16 15:50
bug八阿哥 發表于 2024-11-16 15:48
可以在后端php文件創建數據處理 不過不建議那么做

暫時放在模板文件里了,這個判斷目前只會在當前頁有效果,其他頁面無影響。先用著吧,以后有問題了就直接刪了。
作者: bug八阿哥    時間: 2024-11-16 15:53
1544765 發表于 2024-11-16 15:50
暫時放在模板文件里了,這個判斷目前只會在當前頁有效果,其他頁面無影響。先用著吧,以后有問題了就直接 ...

JS代碼只能在使用的地方正常  其他頁面要實現 也需要添加js
作者: 1544765    時間: 2024-11-16 15:53
bug八阿哥 發表于 2024-11-16 15:53
JS代碼只能在使用的地方正常  其他頁面要實現 也需要添加js

是的,你說的很對,展示我只需要用到這個頁面,其他頁面要使用我可以獨立創建一個js文件,然后在其他頁面隨時可以調用。
作者: bug八阿哥    時間: 2024-11-16 15:58
比如你要在列表 主題頁也使用 就可以在相關模板里添加

方法2:直接在相關DIY的地方 創建一個 html的diy將JS代碼添加進去保存就可以 無需在模板里添加 也不用多文件
作者: 1544765    時間: 2024-11-16 16:00
bug八阿哥 發表于 2024-11-16 15:58
比如你要在列表 主題頁也使用 就可以在相關模板里添加

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

是的,這也是一種很好的辦法,雖然我沒有嘗試。
作者: bug八阿哥    時間: 2024-11-16 16:00
全站用 也可以試試在后臺的 統計代碼里 添加這個JS
作者: 湖中沉    時間: 2024-11-17 08:59
1544765 發表于 2024-11-16 15:44
剛才嘗試了一下吧script的判斷寫進了這套模板 當前模塊的下方。然后把時間格式改成yyyy-mm-dd就可以正常 ...

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




歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/) Powered by Discuz! W1.0