首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在html的两个表格单元格中插入昨天和今天的日期?

在HTML的两个表格单元格中插入昨天和今天的日期,可以通过JavaScript来实现。以下是一个示例代码:

代码语言:txt
复制
<!DOCTYPE html>
<html>
<head>
    <title>Date Example</title>
    <script>
        // 获取昨天和今天的日期
        var today = new Date();
        var yesterday = new Date(today);
        yesterday.setDate(today.getDate() - 1);

        // 格式化日期为YYYY-MM-DD
        function formatDate(date) {
            var year = date.getFullYear();
            var month = (date.getMonth() + 1).toString().padStart(2, '0');
            var day = date.getDate().toString().padStart(2, '0');
            return year + '-' + month + '-' + day;
        }

        // 在表格单元格中插入日期
        window.onload = function() {
            var todayCell = document.getElementById('today');
            var yesterdayCell = document.getElementById('yesterday');
            todayCell.innerHTML = formatDate(today);
            yesterdayCell.innerHTML = formatDate(yesterday);
        };
    </script>
</head>
<body>
    <table>
        <tr>
            <th>日期</th>
            <th>昨天</th>
            <th>今天</th>
        </tr>
        <tr>
            <td>日期</td>
            <td id="yesterday"></td>
            <td id="today"></td>
        </tr>
    </table>
</body>
</html>

在上述代码中,我们使用JavaScript获取昨天和今天的日期,并通过formatDate函数将日期格式化为"YYYY-MM-DD"的形式。然后,通过getElementById方法获取表格单元格的引用,并使用innerHTML属性将日期插入单元格中。

请注意,这只是一个简单的示例,用于演示如何在HTML的表格单元格中插入日期。在实际开发中,您可能需要根据具体需求进行适当的修改和扩展。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

微信小程序校历组件

首先得根据年月将本月的日历打印出来,使用util.formatDate("yyyy-MM-01", date)获取本月的1号的Data对象,然后计算他是本周的周几,使用Date.addDate()将日期转到1号所在的那周的周一,就是本月日历要打印的第一天,由于校历一般是周一作为一周的开始,所以需要稍微处理一下,不能直接减掉周次来将Date对象指向打印日历的第一天。 由于每月的日历最多是五个周,所以我们直接打印五个周的时间即可,使用Date.addDate()将日期一天一天累加,并将数据保存即可。 对于日期的样式,我是用了相对比较简单的办法,通过if判断日期来给予其特定的样式,我是将不同的class拼接为字符串赋值到unitObj上的,对于显示的颜色等,通过css的优先级控制,单元样式继承于容器,对于需要特定现实的样式提供一个detach字段保存。 跳转日期则直接获取时间来拼接月份然后调用日历月份处理方法即可。

02
领券