获取三天日期并添加标识

最新推荐文章于 2024-04-30 16:17:31 发布

Vip_Day

最新推荐文章于 2024-04-30 16:17:31 发布

阅读量37

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/Vip_Day/article/details/131302493

版权

<!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>