在網(wǎng)頁前端渲染中，想要只顯示日期不顯示時間，是如何做到的？先分析一下：由于日期的字符數(shù)不固定，需要進(jìn)行判斷， 下面有3種日期情況【第一種月和日只有1個字符；第二種月有2個字符，日有1個字符；第三種月和日分別有2個字符，如下提示】，DOM結(jié)構(gòu)分別是：

1. < span  class="daymd" >2021/2/18 16:15:07< /span>

2. < span  class="daymd" >2021/12/8 16:15:07< /span>

3. < span  class="daymd" >2021/12/18 16:15:07< /span>

下面是 JavaScript 進(jìn)行操作的代碼邏輯，其中使用jquery中.each()和.text()方法，還有js中.slice()方法，進(jìn)行三種日期情況判斷操作，如下：

備注：請自行引用庫如：jquery-1.8.3.min.js

< script>

$(".daymd").each(function() {

//console.log($(this).text().length);

if ($(this).text().length==17){//當(dāng)日期有17個字符數(shù)

$(this).text($(this).text().slice(0,8))//截取前面的8個字符

}else if ($(this).text().length==18){

$(this).text($(this).text().slice(0,9))

}else if ($(this).text().length==19){

$(this).text($(this).text().slice(0,10))

};

$(this).text($(this).text().replace(/\//g,"-"));//將所有的斜杠替換成中橫杠

});

< /script>

備注：網(wǎng)站開發(fā)者引用本文代碼的請注意：標(biāo)簽 span script 中有空格的請自行刪除測試，本文演示是為了防止上面代碼不被后臺編輯器解析。

上一篇：jquery each()方法如何遍歷ul下的li元素

下一篇：網(wǎng)頁設(shè)計中如何讓ul下的多個li元素水平居中