HTML-根据当前日期设置文本内容的格式

Question

我是web开发的新手，并试图让HTML上的一些文本根据当前日期进行删除。

我有一张全月预约的桌子。这里有一段代码：

<tr>
<td><span>04/Oct/2020</span></td>
<td><span>sunday</span></td>
<td><span>07:00</td>
<td><span>Cris and Gibson</td>
</tr>
<tr>
<td><span>09/Oct/2020</span></td>
<td><span>friday</span></td>
<td><span>07:00</td>
<td><span>Mark and Sonia</td>
</tr>

我想做的是(假设今天是10月7日(创建一个脚本，比较每一行的日期，并删除过去日期的代码集。(在这种情况下，第一盘-10月4日(。

这可能吗？

Answer 1

var i;
var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); 
var yyyy = today.getFullYear();
today = dd + '/' + mm + '/' + yyyy;
var dates = document.getElementsByClassName('date');
for (i = 0; i < dates.length; i++) {
if (dates[i].innerHTML !== today) {
dates[i].classList.add('past');
}
}

.past {
text-decoration: line-through;
}

<tr>
<td><span class="date">04/10/2020</span></td>
<td><span>sunday</span></td>
<td><span>07:00</td>
<td><span>Cris and Gibson</td>
</tr>
<tr>
<td><span class="date">07/10/2020</span></td>
<td><span>Today</span></td>
<td><span>07:00</td>
<td><span>Mark and Sonia</td>
</tr>
<tr>
<td><span class="date">09/10/2020</span></td>
<td><span>friday</span></td>
<td><span>07:00</td>
<td><span>Mark and Sonia</td>
</tr>