О да! Великолепно
Теперь и хром и файрфокс показывает всё в цвете абсолютно одинаково! А вот сравнивать детально почему буду уже с утра. Спасибо.
|
<!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, время: 08:23. |