使用javascript和html在日历上选择当前日期

Question

我使用html创建了一个简单的日历，现在希望使用javascript自动突出显示当前日期。我知道有几种方法可以做到这一点，但我正在寻找最简单的方法。

Answer 1

这实际上取决于您的日历的工作方式。您可以使用以下JavaScript获取客户端的当前日期：

var currentDate = new Date();

一旦你有了这个，你将不得不使用内置的date functions来获取当前的日期元素，并可能为它添加一个类，将其设置为突出显示。

<强>更新

假设您的li元素包含id="dayElement_x"，其中x是日期编号，而您的课程突出显示您的一天currentDay，则会有一个示例JavaScript调用：

document.getElementById('dayElement_' + (new Date()).getDate()).className += ' currentDay';

更新2

我只想到了一个solution，你可以在没有一堆id的情况下做到这一点。这是JavaScript：

document.getElementById('calendarContainer').
    getElementsByTagName('li')[(new Date()).getDate() - 1].className += ' currentDate';