У меня есть список задач, который добавляет каждый элемент к соответствующему активному дню. Я хочу сохранить элемент и иметь возможность сравнить дату, когда текст был введен, с текущей датой. и если текст в прошлом, настоящем или будущем, примените цветовой код. сейчас у меня проработано настоящее, но мне нужна функция сравнения, прежде чем я смогу перейти к прошлому и будущему. какие-нибудь указатели о том, как сравнить время?
я должен поместить входное значение в другую переменную и сравнить с currentDate? или поместить оператор if внутри текущей функции?
////
////
////
// Create a new list item when clicking on the "Add" button
function newTodoItem() {
var li = document.createElement("li");
var inputValue = document.getElementById("myInput").value;
$(li).attr("date", currentDate);
var t = document.createTextNode(inputValue);
li.appendChild(t);
if (inputValue === '') {
alert("You must write something!");
} else {
console.log(document.getElementsByClassName(("todoItem")[0]));
document.getElementsByClassName("todoItem")[0].appendChild(li);
// append to active day
// need to compare the timestamp it has to the current day, still working local storage.
}
}
var currentDate = moment().format("MMM Do YY");
function todaysDate() {
$(".today").text(currentDate);
// console.log(currentDate);
// console.log(currentDate.split(" ")[1].split("th")[0]);
var dateOutput = currentDate.split(" ")[1].split("th")[0];
// console.log(typeof dateOutput);
return dateOutput;
}
todaysDate();
// highlight todays active day to then append to do list items to that specific day
$(".date").each(function () {
var elemText = $(this).text().trim();
var dateElem = $(this);
if (elemText === todaysDate())
dateElem.addClass("todoItem")
});