Question

我在我的网站上有一个日程表日历，并希望通过使用CSS添加红色边框（仅作为示例）来使当前日期与其他日期脱颖而出。我可能需要使用JavaScript来确定内容是否为当天。我一直在尝试执行此操作，但是大多数指南都在使用data-date，因此这让我感到困惑。

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>

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

1 个答案: