我通过 javascript 突出显示的当前日期未正确显示

Question

我已经成功管理（在堆栈溢出的帮助下）从 2015 年 5 月开始到 10 月结束循环日历。现在我想突出显示当前日期，即 6 月 28 日星期日。但出于某种原因，它突出显示了错误的日期，我不认为这是因为代码，但我不是 100% 确定。

检查此 link 以直观地查看它 (http://gyazo.com/30e448d0f84c8f1c55e4dd1ce6d91f38)

jsfiddle link: https://jsfiddle.net/GY22/vqfk8yLL/

这是我的 html 代码：

<ul id="timeline">
    <li></li>
</ul>

这是我的 javascript 代码：

<script>

// Get today's current date.
var now = new Date();
console.log(now);

// Calculates the number of the week
var weekNumber = ((now.getDate()<10) ? "0" : "")+ now.getDate();
console.log("The current week number is: " + weekNumber);

// Array list of months.
var month = new Array(12);
month[0] = "January";
month[1] = "February";
month[2] = "March";
month[3] = "April";
month[4] = "May";
month[5] = "June";
month[6] = "July";
month[7] = "August";
month[8] = "September";
month[9] = "October";
month[10] = "November";
month[11] = "December";
//console.log(month[3]);

var weekDay = new Array(7);
weekDay[0]=  "Su";
weekDay[1] = "Mo";
weekDay[2] = "Tu";
weekDay[3] = "We";
weekDay[4] = "Th";
weekDay[5] = "Fr";
weekDay[6] = "Sa";

function formatDate(date) {
    var month = date.getUTCMonth() +1;
    var dayNumber = date.getUTCDate();
    var year = date.getUTCFullYear();
    var day = date.getUTCDay();
    return weekDay[day] + ": " + dayNumber + "-" + month + "-" + year + ";  ";
    //return weekDay[day] + " " + dayNumber + ";  "; 
}
//console.log(formatDate(new Date()));

var today

function addListItem(){
    var createListItem = document.createElement("li");
    var outputListItem = document.createTextNode(today);

    createListItem.appendChild(outputListItem);
    var createUl = document.getElementsByTagName("ul");
    createUl[0].appendChild(createListItem);
}

// loop starting from may up untill for months from the set date
for (var i = 0; i < 122; i++){
    today = formatDate(new Date(2015, 05, i));
    //document.write(today + "<br />");
    addListItem();
}

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

Answer 1

考虑改用 MomentJS。它将为您节省大量代码和日期问题：

http://momentjs.com/

如果您希望保留代码，请将当前日期逻辑移到 addListItem() 方法中。

if(today == formatDate(new Date())) {
    createListItem.className += ' currentDate';
}

Answer 2

更改最后一行：

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

收件人：

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

日期似乎只差一天前，所以应该可以解决。

我通过 javascript 突出显示的当前日期未正确显示

My highlighted current date via javascript is not showing correctly

javascript

calendar