О да! Великолепно
Теперь и хром и файрфокс показывает всё в цвете абсолютно одинаково! А вот сравнивать детально почему буду уже с утра. Спасибо.
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<span>29.03.2018</span><br>
<span>30.03.2018</span><br>
<span>31.03.2018</span><br>
<span>01.04.2018</span><br>
<span>02.04.2018</span><br>
<span>03.04.2018</span><br>
<span>04.04.2018</span><br>
<script>
var now = Date.now(),
color = ['#F00','#F70','#D90','#AA0','#5D0','#0F0'];
[].forEach.call(document.querySelectorAll('span'), function(el){
date = Date.parse(el.textContent.replace(/(\d+)\.(\d+)\.(\d+)/, '$2/$1/$3'));
var ost = (date - now)/86400000|0;
ost = ost >= 5 ? 5 : ost<0 ? 0 : ost;
el.style.color = color[ost];
});
</script>
</body>
</html>
поправил чутка для практичности |
Цитата:
|
laimas,
ранее было только так "месяц/день/год", сейчас многое зависит от настроек браузера или toLocaleString. old https://javascript.ru/Date.parse new https://learn.javascript.ru/datetime...и-date-parse запустите пост №2 в ie |
Спасибо j0hnik. Но ваш первый пример для меня более понятен, легче его изменять. В этом примере явно моих знаний пока не достаточно
|
Цитата:
|
Цитата:
|
Доброе утро. Как правильно игнорировать год при сравнении с текущей датой? К примеру дата в формате 08 июнь 1969 сравнивается с текущей только по дню месяца и месяцу, год - игнорируется.
Заранее благодарю. |
А можно и без регулярок и parse
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<span>29.03.2018</span><br>
<span>30.03.2018</span><br>
<span>31.03.2018</span><br>
<span>01.04.2018</span><br>
<span>02.04.2018</span><br>
<span>03.04.2018</span><br>
<span>04.04.2018</span><br>
<script>
var now = Date.now(),
color = ['#F00','#F70','#D90','#AA0','#5D0','#0F0'];
[].forEach.call(document.querySelectorAll('span'), function(el){
var comp = el.textContent.split('.');
date = new Date(comp[2],comp[1] - 1,comp[0]);
var ost = (date - now)/86400000|0;
ost = ost >= 5 ? 5 : ost<0 ? 0 : ost;
el.style.color = color[ost];
});
</script>
</body>
</html>
|
saldek,
Можно сравнивать по компонентам даты - getDate, getMonth, getFullYear |
| Часовой пояс GMT +3, время: 05:58. |