Как вывести блок в зависимости от даты?

Question

[Erl]

есть предположим структура которая выводит данные вида: |Значок*NEW*|Дата*01.11.2017*|Текст новости|
Как можно реализовать вывод NEW, и убирать спустя 1 день после публикации новости?

Answer 1

[Alexey Burlakov]

Если у Вас только jQuery - нужно так или иначе сохранить время первой публикации. Либо на сервере(что проще всего), либо, если Вы получаете данные по ajax - сохраняйте дату каждой новой новости в куки.
И затем, когда в цикле будете выводить новости - проверяйте дату и сравнивайте с текущей. Проверку лучше делать в unixtime, например:

...
var savedDate = cookies.get("newId");//получили сохраненную ранее дату отдельной новости
var curDate = new Date();//получили текущую дату
if(+savedDate + 60*60*24* 1000 < +curDate) {//60c * 60 мин * 24ч * 1000мс
//новость пора убирать
}
...

* +savedDate - добавленный к переменной "+" переводит дату в unixtime-формат.
* на 1000мс умножаем, т.к. в js unixtime создается с точностью до миллисекунд.

Comments

[Erl]

дата выводится как текст
как то так, единственное нужно убирать картинку new после 1-2 дней после этой даты

[Alexey Burlakov]

Эрлан Капаров, а откуда вообще данные берутся? И что Вы программируете?(фронтенд сайта или, может, плагин к браузеру)

[Erl]

Alexey Burlakov, это MS SharePoint) я делаю front, я понимаю, что бекендеры могли это сделать на много проще, но как то вот так получилось и нужно это сделать через фронт

[Erl]

Alexey Burlakov, собственно вот

function overrideTemplate(ctx) {
var dateNews = ctx.CurrentItem.Modified;
var idNews = ctx.CurrentItem.ID;
var anons = ctx.CurrentItem["_x041a__x0440__x0430__x0442__x04"];
return "<table class = news-wrapper><tr><td width=10%><div class = news-item_new><img src='/Company/News/new.png'></div></td><td width=10%><span class = news-item_title>" + dateNews.substring(0,10) + "</span></td>" + "<td width=80% class = news-item_anons>" + anons + "<a href='http://sp-test/Company/News/DispForm.aspx?ID=" + idNews + "' class='more-link'>[Подробнее...]</a></td></tr></table>";
}

[Alexey Burlakov]

Эрлан Капаров, Жесть)
Ну, тогда Вы можете попробовать парсить:

...
var newsDate = $(".news-item_title").html();//выбрали из всего только дату в формате дд.мм.гггг
//и далее парсим строку
var dateArr = newsDate.split(".");//получаем массив из 3 ячеек - день, месяц, год
//и далее создаем нормальную дату в js:
var realNewsDate = new Date();
realNewsDate.setDay(dateArr[0]);
realNewsDate.setMonth(dateArr[1]);
realNewsDate.setYear(dateArr[2]);
//и только потом сравниваем полученную дату с текущей, как описывал выше
...