javascript - 如果内容日期是今天，如何添加类(class)？

Question

我的网站上有一个日程日历，并且希望通过使用 css 添加红色边框(仅作为示例)使当天与其他日子脱颖而出。我可能需要使用 JavaScript 来确定内容是否是当天的。我一直在尝试这样做，但大多数指南都使用数据日期，所以这让我陷入困境。

html 输出如下所示

<span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2019-02-28T11:30:00+01:00">28.02</span>

如果 content="2019-02-28T11:30:00+01:00"是今天，我如何添加一个类。

谢谢。

Answer 1

您可以使用Date查找当前日期和月份，这是一个非常有值(value)的工具。 if 语句检查以确保日期和月份采用 mm/dd 格式。然后你可以使用DOM获取 html 元素的值 ( innerHTML )。最后，您可以使用 .className将您想要的类添加到元素中。

var d = new Date();
var month = d.getMonth() + 1; //.getMonth() is 0-11
var day = d.getDate();

if (day < 10) {
  day = '0' + dd;
}

if (month < 10) {
  month = '0' + month;
}

if (document.getElementById("day").innerHTML == `${day}.${month}`) {
  document.getElementById("day").className += " today";
}

.today {
  border: 2px solid red;
}

<span class="date-display-single" id="day" property="dc:date" datatype="xsd:dateTime" content="2019-02-28T11:30:00+01:00">23.02</span>