<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>三天以后的日期并添加new标识</title>
</head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<body>
<style>
.box {
width: 555px;
background-color: pink;
height: 333px;
border: 1px solid #ff9b22f3;
}
.box ul li h3 {
display: inline-block;
}
.box ul li i {
background: url(./new.png) no-repeat right center;
width: 30px;
height: 15px;
display: none;
}
</style>
<div class="box">
<ul>
<li>
<h3>这是新闻列表</h3>
<span>2023-06-20</span>
<i></i>
</li>
<li>
<h3>这是新闻列表</h3>
<span>2023-06-19</span>
<i></i>
</li>
<li>
<h3>这是新闻列表</h3>
<span>2023-06-18</span>
<i></i>
</li>
<li>
<h3>这是新闻列表</h3>
<span>2023-06-17</span>
<i></i>
</li>
<li>
<h3>这是新闻列表</h3>
<span>2023-05-17</span>
<i></i>
</li>
</ul>
</div>
<script>
var date = new Date();
date.setDate(date.getDate() - 3);//获取3天前的日期
var year = date.getFullYear();
var month = date.getMonth() + 1;
if (month < 10) {
month = '0' + month;
}
var day = date.getDate();
if (day < 10) {
day = '0' + day;
}
var time = year + "-" + month + "-" + day;
console.log(time);
for (var i = 0; i < $('.box li span').length; i++) {
var aText = $('.box li span').eq(i).text().trim();
console.log(aText);
if (time < aText) {
$('.box li i').eq(i).css({
'display': 'inline-block'
})
}
}
</script>
</body>
</html>
获取三天日期并添加标识
最新推荐文章于 2024-09-14 17:27:40 发布