jQuery TimeAgo библиотека для изменения цвета текста, если DateTime находится в прошлом?

Я использую библиотеку Yarp jQuery TimeAgo в моем новом приложении, в котором я показываю относительное время для поля " Задание срока выполнения".

То, что я хочу сделать, это просто показать значение даты / времени в виде КРАСНОГО текста, как только установленное значение срока выполнения в прошедшем времени основано на текущей дате.

Очень просто, Future Due Date покажет на странице зеленый текст по умолчанию с набором CSS:

Просроченная дата покажет красный текст:

Библиотеку можно найти здесь: http://timeago.yarp.com/

Может ли кто-нибудь помочь мне раскрасить просроченный текст красным?

HTML-код на странице перед тем, как библиотека преобразует его в будущее или прошлое DateTime в словах, выглядит следующим образом...

<time id="duedatetimeago"></time>

После того, как библиотека волшебно воздействует на элемент, она просто выглядит следующим образом...

<time id="duedatetimeago">16 days ago</time>  

Таким образом, вы не видите специальных CSS-классов, атрибутов данных или чего-либо еще, поэтому может быть трудно узнать, когда текущее время прошло. Если вы найдете "кого-нибудь", то, пожалуйста, поделитесь со мной, спасибо

1 ответ

Решение

Вот Gist, содержащий изменения в timeago.js - вы можете изменить прошлые и будущие цвета по умолчанию в пределах inPastColor переменная на линии 49

Другие вопросы по тегам