首页html表格显示当前一个礼拜的日期

html表格显示当前一个礼拜的日期

时间: 2024-09-30 18:07:23 浏览: 40

HTML表格可以用来显示当前一周的日期，通常我们会结合JavaScript来动态生成日期。这里是一个基本的示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>当前周日期</title> <style> table { width: 100%; border-collapse: collapse; } th, td { padding: 8px; text-align: center; border: 1px solid #ccc; } th { background-color: #f2f2f2; } </style> </head> <body> <table id="weekTable"> <thead> <tr> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> <th>星期六</th> <th>星期日</th> </tr> </thead> <tbody id="datesBody"> </tbody> </table> <script> function getCurrentWeekDates() { var today = new Date(); var daysOfWeek = ['日', '一', '二', '三', '四', '五', '六']; for (var i = 0; i <= 6; i++) { var day = new Date(today); day.setDate(day.getDate() - i); var weekDay = daysOfWeek[day.getDay()]; document.getElementById('datesBody').innerHTML += '<tr><td>' + day.getDate() + ' ' + weekDay + '</td></tr>'; } } // 获取并展示当前一周的日期 getCurrentWeekDates(); </script> </body> </html> ``` 这个例子中，我们首先创建了一个包含一周七天标题的表格，然后在`getCurrentWeekDates`函数里计算从今天开始往前数到一周的所有日期，并将其添加到表格的tbody部分。

阅读全文