如果内容日期是今天，如何添加课程？

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 查找当前日期和月份，这是一个非常有价值的工具。 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>