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

Discuz! 官方交流社區(qū)

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

作者: 1544765 時間: 2024-11-16 15:13
標(biāo)題: 好久沒提問了，今天來提問一下。看看有沒有大神來幫助一下的。

(, 下載次數(shù): 48)

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

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

最終要求效果如下圖

(, 下載次數(shù): 56)

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

作者: 1544765 時間: 2024-11-16 15:15
補(bǔ)充一下當(dāng)前模塊的diy模塊的代碼

<div class="module cl xl xl1">
<ul>
[loop]

復(fù)制代碼

作者: 1544765 時間: 2024-11-16 15:17

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

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

(, 下載次數(shù): 42)

作者: bug八阿哥 時間: 2024-11-16 15:18
首先要獲取時間的變量才可以
假設(shè) $slide['dateline'] 是 UNIX 時間戳

<ul class="cl">
<?php
$postDate = date('Y-m-d', $slide['dateline']);
$isToday = ($postDate === $currentDate);
?>
<li>
<p style="color: <?php echo $isToday ? 'red' : 'black'; ?>;">
<?php echo $postDate; ?>
</p>
</li>
</ul>

復(fù)制代碼

作者: bug八阿哥 時間: 2024-11-16 15:19
最好是發(fā)完整的代碼出來

作者: 1544765 時間: 2024-11-16 15:19

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

<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八阿哥 時間: 2024-11-16 15:21

<div class="module cl xl xl1">
<ul>
<li><em class="date">{dateline}</em><a href="{url}" title="{title}"{target}>{title}</a></li>
</ul>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const currentDate = new Date().toISOString().split('T')[0];
document.querySelectorAll('.date').forEach(function(dateElement) {
const dateText = dateElement.textContent.trim();
if (dateText === currentDate) {
dateElement.style.color = 'red';
}
});
});
</script>

復(fù)制代碼

作者: 1544765 時間: 2024-11-16 15:27

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

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

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

作者: 1544765 時間: 2024-11-16 15:44

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

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

作者: 1544765 時間: 2024-11-16 15:46

(, 下載次數(shù): 28)

上面老哥說在diy里面不能用，那直接寫在模板里就可以用了。非常感激這幾位老哥。

作者: 1544765 時間: 2024-11-16 15:47

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

最終效果如下

(, 下載次數(shù): 32)

作者: bug八阿哥 時間: 2024-11-16 15:48
可以在后端php文件創(chuàng)建數(shù)據(jù)處理不過不建議那么做

作者: 1544765 時間: 2024-11-16 15:50

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

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

作者: bug八阿哥 時間: 2024-11-16 15:53

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

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

作者: 1544765 時間: 2024-11-16 15:53

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

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

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

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

作者: 1544765 時間: 2024-11-16 16:00

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

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

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

作者: bug八阿哥 時間: 2024-11-16 16:00
全站用也可以試試在后臺的統(tǒng)計(jì)代碼里添加這個JS

作者: 湖中沉 時間: 2024-11-17 08:59

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

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

歡迎光臨 Discuz! 官方交流社區(qū) (http://m.9999xn.com/)

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